Klaviyo - Integratie/installatie

In dit artikel leert u 2 verschillende methoden die uitleggen hoe u taalgegevens naar Klaviyo kunt sturen

1. Via een Klaviyo inschrijvingsformulier

Deze gids voegt een extra eigenschap toe met de naam lang naar elke gebruiker die zich inschrijft via een Klaviyo formulier op uw website. Vervolgens maakt u segmenten aan in Klaviyo om hen e-mails in verschillende talen te sturen.

Zoek eerst de HTML ID van het Klaviyo inschrijvingsformulier op uw pagina (meestal#klaviyo-vorm-nummers). De selector voor dat formulier is dan #klaviyo-formulier-URs6Bv

Neem het volgende fragment op in je HTML-code. Zorg ervoor dat je het na beide Weglot en KlaviyoInschrijven zijn inbegrepen. Zorg ervoor dat je #email_aanmelden met de werkelijke selector in het formulier.

Als je Weglot gebruikt met de Shopify App, voeg dan ook de Weglot snippet toe voor het Klaviyo script

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

Hier is het script om Klaviyo te koppelen:

<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>

Deze code krijgt de taal die de bezoeker gebruikt wanneer hij het Klaviyo formulier indient en stuurt de taaltag naar uw Klaviyo plugin.

Dit betekent dat wanneer een bezoeker uw nieuwsbrief Klaviyo formulier indient, deze bezoeker in uw Klaviyo plugin aangemaakt moet worden met een lang tag gerelateerd aan de taal die gebruikt werd op de website toen hij het formulier indiende.

Merk op dat de tag alleen kan worden toegevoegd aan nieuw geregistreerde klanten en niet kan worden toegepast op klanten die zich hebben aangemeld voordat het script werd geïntegreerd.

Als u dezelfde methode wilt volgen, maar dan voor meerdere Klaviyo formulieren, kunt u de onderstaande code gebruiken. U hoeft alleen maar de formulier-ID in de code aan te passen (in dit voorbeeld zijn de ID's #klaviyo-formulier-RTbEav, #klaviyo-formulier-UJyYv5en #klaviyo-formulier-YjxCKV):

<script>
  function identifyLanguageToKlaviyo(lang) {
    setTimeout(function () {
      const klaviyoForms = document.querySelectorAll('form[data-testid="klaviyo-form-RTbEav"], form[data-testid="klaviyo-form-UJyYv5"], form[data-testid="klaviyo-form-YjxCKV"]');
      const langAttribute = document.querySelector('html').getAttribute('lang');
      if (klaviyoForms && typeof klaviyo !== "undefined") {
        klaviyoForms.forEach(form => {
          console.log("push");
          klaviyo.push(['identify', { 'lang': langAttribute }]);
        });
      }
    }, 7000);
  }

  identifyLanguageToKlaviyo(Weglot.getCurrentLang());
  Weglot.on('languageChanged', identifyLanguageToKlaviyo);
  Weglot.on("switchersReady", identifyLanguageToKlaviyo);
</script>

2. Via Klaviyo's Web Tracking Snippet

• Zorg ervoor dat u Klaviyo Web Tracking Snippet al gebruikt op uw website.
• Voeg de volgende code toe na zowel Klaviyo's Web Tracking code als Weglot's switcher code:

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