Klaviyo - Integrazione/Setup

Utilizzando Weglot e Klaviyo, si ha la possibilità di inviare i dati linguistici a Klaviyo con due metodi diversi:

1. Attraverso un modulo di iscrizione di Klaviyo

Questa guida aggiungerà una proprietà aggiuntiva chiamata lang a ogni utente che si iscrive tramite un modulo Klaviyo sul vostro sito web. Poi create dei segmenti su Klaviyo per inviare loro email in diverse lingue.

Per prima cosa, individuare l'ID HTML del modulo di iscrizione di Klaviyo sulla propria pagina (di solito #klaviyo-form-numeri ). Il selettore per questo modulo è quindi #klaviyo-form-URs6Bv

Includere il seguente snippet nel codice HTML. Assicuratevi di includerlo dopo entrambi Weglot e KlaviyoSubscribe sono inclusi. Assicurarsi di sostituire #email_subscribe con il selettore effettivo nel modulo.

Se si utilizza Weglot con l'applicazione Shopify, aggiungere anche lo snippet Weglot prima dello script Klaviyo

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'YOUR_API_KEY'
    });
</script>

Ecco lo script per collegare Klaviyo:

<script>
 function identifyLanguageToKlaviyo(lang) {
      setTimeout(function(){
        const klaviyoForm = document.querySelector('form[data-testid="klaviyo-form-URs6Bv"]');
        const langAttribute = document.querySelector('html').getAttribute('lang');
        if(klaviyoForm){
          console.log("push");
            klaviyo.push(['identify', { 'lang': langAttribute }]);
        }
      }, 7000);
    }
  
  
  identifyLanguageToKlaviyo(Weglot.getCurrentLang());
  Weglot.on('languageChanged', identifyLanguageToKlaviyo)
  Weglot.on("switchersReady", identifyLanguageToKlaviyo);
</script>

Questo codice otterrà la lingua utilizzata dal visitatore quando invia il modulo Klaviyo e invierà il tag della lingua al plugin Klaviyo.

Ciò significa che quando un visitatore invia il modulo Klaviyo per la newsletter, questo visitatore deve essere creato nel plugin Klaviyo con un tag lang relativo alla lingua utilizzata sul sito web quando ha inviato il modulo.

Si noti che il tag può essere aggiunto solo ai nuovi clienti registrati e non può essere applicato ai clienti che si sono iscritti prima dell'integrazione dello script.

2. Attraverso lo Snippet di tracciamento Web di klaviyo

Assicuratevi di utilizzare già il Klaviyo Web Tracking Snippet sul vostro sito web.
Includere il seguente codice dopo il codice del Web Tracking di klaviyo e il codice dello switcher di Weglot:

<script>
(function() {
  var identifyLanguageToKlaviyo = function(lang) {
    var _learnq = window._learnq || [];
    _learnq.push(['identify', {
      $lang: lang
    }]);
  }
  identifyLanguageToKlaviyo(Weglot.getCurrentLang())
  Weglot.on('languageChanged', identifyLanguageToKlaviyo)
})()
</script>