Passa al contenuto principale

Funzioni

Ottieni il massimo dalla tua esperienza con Vantevo Analytics.

Scopri alcuni funzioni che potresti utilizzare per raccogliere più informazioni dal tuo sito web.

Contact Form 7 - Wordpress Plugin​

Un semplice esempio di come potresti collegare lo script Vantevo con Contact Form 7, il plugin per i moduli di contatto più popolare è più utilizzato di Wordpress .

<script>
document.addEventListener('wpcf7mailsent', function( event ) {
  if (event.detail.contactFormId == '1123') {
      vantevo('ContactForm', {})
  }
}, false );
</script>

data-vantevo-exclude-outbound-link

In questo caso quando un visitatore clicca su questo link lo script vantevo non salverà l'evento Outbound Link. Il tag data-vantevo-exclude-outbound-linkpuò essere utilizzando insieme al tag di monitoraggio dei download di file in uscita data-vantevo-exclude-track-file.

  <a href="https://example.com" data-vantevo-exclude-outbound-link>Link</a>

data-vantevo-exclude-track-file

In questo caso quando un visitatore clicca su questo link lo script vantevo non salverà l'evento File Download. Il tag data-vantevo-exclude-track-filepuò essere utilizzando insieme al tag di monitoraggio dei link in uscita data-vantevo-exclude-outbound-link.

  <a href="https://example.com/pdf.pdf" data-vantevo-exclude-track-file>File</a>

Javascript - form button submit events​

<form>
  ....
  <button type="submit" data-vantevo-form="Contact" data-vantevo-meta='{"recipes":"italian burger"}'>
    Send
  </button>
</form>
<script>
  let buttons = document.querySelectorAll("button[data-vantevo-form]");
  for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', handleSubmitForm);
  }

  function handleSubmitForm(event) {
    event.preventDefault();
    let evn = event.target;
    let attrEventName = evn.getAttribute("data-vantevo-form");
    let eventName = attrEventName;
    let meta = {};
    let attrMeta = evn.getAttribute("data-vantevo-meta");
    if (attrMeta) {
      meta = JSON.parse(attrMeta)
    }
    vantevo(eventName, meta);
    setTimeout(function() {
      event.target.form.submit();
    }, 150);
  }
</script>

Come installare lo script vantevo nelle applicazioni mobile​

Questo metodo funziona per tutte le applicazioni ibride, esempio: Cordova, Ionic , Framework7 , Capacitor ecc. Per le applicazioni native puoi utilizzare le nostre API.

Aggiungi un nuovo dominio nella tua dashboard su Vantevo Analytics.

Istruzioni per l'installazioni dello script

  1. Asicurati che lo script contiene il parametro data-param-domain e ha come valore il dominio aggiunto prima nella tua dashboard, quasi tutte le applicazioni ibride utilizza il webview in localhost, per questo è necesario utilizzare il parametro data-param-domain.

  2. Autorizza il hostname della tua applicazione per raccogliere le statistiche, vedi come autorizzare un dominio

  3. Controlla se nella tua applicazione puoi cambiare il hostname dell'app , di default il hostname della tua applicazione potrebbe essere app://localhost o ionic://localhost. Per cambiare il hostname della tua applicazione potrebbe essere necessario aggiungere nel file config.xml il seguente codice: <preference name="hostname" value="app.example.com" /> , scopri di più su https://github.com/ionic-team/cordova-plugin-ionic-webview#configuration. Se la tua applicazione non ti permette di cambiare il hostname , nessun problema puoi utilizzare il hostname di default. Se il hostname ha anche una porta , esempio app://localhost:8080 è necessario utilizzare il hostname completo aggiungendo anche la porta per autorizzare il hostname della tua applicazione.

Se il tuo framework utilizza gli hash nell'URL controlla se è necessario utilizzare anche il parametro data-param-hash per raccogliere le statistiche.

<script defer id="vantevo-analytics"  data-param-domain="app.example.com" src="https://vantevo.io/js/vantevo.js"></script>