GTM Tutorial: Welche Inhalte kopieren meine Website-Besucher?

  • Michael 
GTM Tutorial: Welche Inhalte kopieren meine Website Besucher?

Sie wollen wissen, welche Inhalte Ihrer Website die Besucher tatsächlich interessiert? Dann sollten Sie damit beginnen zu messen, welche Texte die Nutzer Ihrer Website kopieren. Jedes Mal, wenn ein Benutzer einen Ihrer Textinhalte kopiert, dann sagt er damit im Prinzip: “Das brauche ich!”.

Diese wertvollen Informationen sollte man nutzen, um die eigene Website zu verbessern. Wenn Benutzer beispielsweise eine Telefonnummer regelmäßig kopieren, dann können Sie ganz einfach einen Hyperlink hinterlegen, um den Anruf zu erleichtern. Oder Sie sehen, dass in einem Ihrer Artikel immer wieder Textpassagen zum ein spezifischen Thema kopiert werden. Dann sollten Sie diesen Content vielleicht ausbauen oder durch eine Infografik visuell aufbereiten, um das Thema noch besser zu erklären.

All diesen Informationen lassen sich ganz einfach ermitteln. In diesem Beitrag erkläre ich Ihnen Schritt-für-Schritt, wie Sie dieses Nutzerverhalten mit dem Google Tag Manager und Google Analytics erfassen.

Schritt 1: Anlegen der Variable

  1. Wir melden uns zunächst im Google Tag Manager Konto an.
  2. Wir erstellen eine neue Variable und nennen diese “Copytext-Variable”
  3. Anschließend klicken wir auf “Variable konfigurieren” und wählen unter “Seitenvariablen” die “Datenschichtvariable”.
  4. Diese Variable müssen wir nun konfigurieren. Unter “Name der Datenschichtvariablen” geben wir den Namen “clipboardText” ein.
  5. Zuletzt speichern wir die Variable über den Button “Speichern”.
Anlegen der Variable „CopyText“

Schritt 2: Anlegen des Triggers

  1. Wir erstellen zunächst einen neuen Trigger und nennen ihn “Copytext”.
  2. Mit Klick auf “Triggerkonfiguration” wählen wir “Benutzerdefiniertes Ereignis”.
  3. Als Ereignisnamen geben wir “textCopied” ein.
  4. Abschließend klicken wir auf “Speichern”, um den Trigger zu speichern.
Anlegen des Triggers „Copytext“

Schritt 3: Anlegen eines Tags

  1. Im dritten Schritt legen wir einen neuen Tag mit Namen “Text Copied” an. Dieser Tag wird jedes Mal, wenn ein Nutzer einen Text kopiert, Daten an Google Analytics senden.
  2. Wir wählen unter “Tag-Konfiguration” “Google Analytics: Universal Analytics” aus.
  3. Im nächsten Schritt muss der Tag konfiguriert werden. Wir wählen zunächst unter “Tracking-Typ” den Typ “Ereignis” aus. 
  4. Als Kategorie geben wir “Text Copied” ein. 
  5. Unter Aktion wählen wir die gerade angelegte Variable “Copytext-Variable” aus.
  6. Als Label wählen wir “Page Path” aus.
  7. Das Feld “Wert” lassen wir leer.
  8. Als nächstes müssen wir die Google Analytics Einstellungen auswählen. Hier nutzen Sie die Variable, die ihre Google Analytics Tracking ID beinhaltet (Format: UA-xxxxxxx-x). Im Bild wäre das die Bezeichnungen “GA Einstellungen”.
  9. Nachdem der Tag konfiguriert wurde muss im nächsten Schritt der Trigger ausgewählt werden. Hier wählen wir den gerade angelegten Trigger “Copytext”.
  10. Abschließend klicken wir im rechten oberen Bildschirm auf “Speichern”, um den Tag abzuspeichern.
Anlegen des Tags „Text Copied“ – Part 1
Anlegen des Tags „Text Copied“ – Part 2

Schritt 4: Anlegen eines Customer Listener Tags

Im letzten Schritt müssen wir dem Tag Manager jetzt noch mitteilen, was die Variable, der Trigger und der Tag tun sollen. In diesem Fall wollen wir, immer wenn ein User auf unserer Website einen Text kopiert, ein Ereignis an Google Analytics senden. Dazu müssen wir einen Custom Listener Tag anlegen.

  1. Wir legen einen weiteren Tag mit Namen “custom Listener” an.
  2. Unter Tag-Konfiguration wählen wir “Benutzerdefiniertes HTML”.
  3. Jetzt geben wir dem GTM mit, wie ein Text kopiert wird. Dazu den Code am Ende in das Feld “HTML” kopieren.
  4. Als Trigger wählen wir “All Pages”, also alle Seitenaufrufe.
  5. Wir klicken auf “Speichern”, um den gerade angelegten custom Listener Tag zu speichern.
<script>
// Declare function to get selected text from document
function getSelectionText() {
var text = "";
if (window.getSelection) {
text = window.getSelection().toString();
} else if (document.selection && document.selection.type != "Control") {
text = document.selection.createRange().text;
}
return text;
}
 
// Declare function on copy event
document.addEventListener('copy', function(e){
dataLayer.push({
'event': 'textCopied',
'clipboardText': getSelectionText(),
'clipboardLength': getSelectionText().length
});
});
</script>
Anlegen des Tags „custom Listener“

Schritt 5: Veröffentlichung und Auswertung

Damit ist alles eingestellt. Jetzt lässt sich über die Tag Manager Vorschau prüfen, ob der Tag korrekt feuert. Dazu einfach auf Vorschau ansehen und die Website im selben Browser öffnen. Im unteren Bereich sollte unter “Tags fired” folgendes stehen:

Wenn wir jetzt einen beliebigen Text auf der Website kopieren sehen wir unter Echtzeit – Ereignisse auch das Ereignis.

Auswertung in der Echtzeit Ansicht von Google Analytics
Beispiel für kopierten Text

Jetzt können wir den Tag im GTM veröffentlichen. Dazu einfach auf „Senden“ klicken.

In Zukunft können diese Informationen dann unter Verhalten – Ereignisse – Übersicht in Google Analytics eingesehen werden. Jetzt liegt es an Ihnen, die Erfahrung bei der Benutzung Ihrer Website noch besser zu machen.

Ihnen hat der Artikel gefallen? Dann freue ich mich, wenn Sie ihn teilen oder mir einen Kommentar da lassen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.