De Copy-Paste Trekker: Oogst wat je bezoekers meenemen

Benieuwd wat anderen van jouw website kopiëren en plakken?

Wanneer een bezoeker een tekst kopieert, is dat een van de krachtigste signalen van intentie die er is. Ze bewaren je e-mailadres, delen je unieke methode in een intern Slack-kanaal of voeren je zorgvuldig geschreven case-study in ChatGPT om het te analyseren.

In de standaardinrichting van Google Analytics 4 (GA4) is dit gedrag onzichtbaar. Je ziet geen conversie, terwijl de bezoeker wel degelijk actie onderneemt. Maar zie hier de Copy-Paste Trekker: een methode om deze ‘schaduwleads’ eindelijk zichtbaar te maken in je GA4 rapporten.

Hoe werkt de Copy-Paste trekker?

De meeste browsers staan het niet toe om te zien waar iemand tekst naartoe plakt. Dat is een goede zaak voor de privacy. Bij een blog over batterijen hoef ik immers niet te zien dat je moeder dit deelt in een Whatsapp naar haar vriendin. Maar we kunnen wel zien wat er gekopieerd wordt en waar op je site dat gebeurt.

Om dit goed te doen zonder je data te vervuilen, gebruiken we een ‘content sandwich‘. GA4 heeft namelijk een limiet van 100 tekens voor aangepaste dimensies. Als iemand een hele pagina kopieert, kapt GA4 de tekst halverwege af. Onze trekker pakt daarom de eerste 45 en de laatste 45 tekens. Zo weet je precies welk blok tekst populair is, zonder dat je tegen technische muren aanloopt.

Stap 1: De implementatie in Google Tag Manager (GTM)

We kunnen dit script netjes via GTM afvuren.

1. Maak een nieuwe Tag aan: Kies voor het type ‘Aangepaste HTML’.
2. Plak het script: Gebruik de onderstaande code.
3. Trigger: Stel de trigger in op ‘Window Loaded’ of ‘DOM Ready’ op alle pagina’s.

HTML

<script>
(function() {
  var getSelectedText = function() {
    return window.getSelection() ? window.getSelection().toString().trim() : '';
  };

  document.addEventListener('copy', function() {
    var rawText = getSelectedText();
    
    if (rawText.length > 0) {
      var processedText = rawText;
      
      if (rawText.length > 95) {
        processedText = rawText.substring(0, 45) + ' ... ' + rawText.substring(rawText.length - 45);
      }

      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        'event': 'text_copied',
        'clipboard_content': processedText,
        'clipboard_length': rawText.length
      });
    }
  });
})();
</script>

4. Maak een GA4-event tag aan: Maak een nieuwe ‘Google Analytics: GA4-gebeurtenis’ aan.
   • Eventnaam: text_copied
   • Event parameters: Voeg clipboard_content en clipboard_length toe met de bijbehorende GTM-variabelen (Data Layer Variables).
   • Trigger: Maak een nieuwe Custom Event trigger aan met de naam text_copied.
   • Vergeet ook niet je GA4 measurement ID goed toe te voegen.

Stap 2: Configuratie in GA4

GTM stuurt de data nu wel door, maar GA4 weet nog niet wat hij ermee moet doen. Je moet de parameters registreren als aangepaste dimensies.

1. Ga in GA4 naar Beheer > Gegevensweergave > Aangepaste definities.
2. Klik op Aangepaste dimensies maken.
3. Maak de eerste dimensie aan:
   • Dimensienaam: Clipboard Content
   • Bereik: Gebeurtenis (Event)
   • Gebeurtenisparameter: clipboard_content
4. Maak de tweede dimensie aan:
   • Dimensienaam: Clipboard Length
   • Bereik: Gebeurtenis (Event)
   • Gebeurtenisparameter: clipboard_length

Wat levert de copy paste oogst je op?

Zodra de data binnenstroomt, kun je in de GA4 verkenningen (Explorations) precies zien welke content het meest ‘meegenomen’ wordt.

Zie je dat je telefoonnummer vaak gekopieerd wordt? Dan zijn dat directe leads die je voorheen niet kon toeschrijven aan je website. Worden specifieke alinea’s uit je blogs veel gekopieerd? Dan heb je daar blijkbaar een snaar geraakt die relevant genoeg is om te bewaren. Gebruik deze inzichten om je content te optimaliseren of je SEO-meta-descriptions aan te scherpen met de woorden die je bezoekers zelf gebruiken.