Statistieken ingesloten YouTube video’s bijhouden met Google Tag Manager in WordPress

Hoe vaak wordt een ingesloten YouTube video bekeken binnen jouw website? Worden de video’s helemaal afgekeken of haken kijkers halverwege af? Onlangs was één van onze klanten benieuwd hoe de ingesloten video’s op haar websites werden bekeken. Met behulp van Google Analytics en Google Tag Manager hebben we dit inzichtelijk gemaakt. De klant kan nu zien op welke pagina de video’s worden bekeken en tot welk percentage de video’s worden afgespeeld. In dit artikel leg ik uit hoe je dit ook op jouw WordPress website kunt instellen.

Ik heb al eerder beschreven hoe je Google Tag Manager en Google Analytics implementeert binnen een WordPress website. Gemakshalve ga ik er vanuit dat je deze implementatie hebt ingesteld en dat je gebruik maakt van ‘DuracellTomi’s Google Tag Manager for WordPress’ plugin.

Activeren bijhouden YouTube events

Om de statistieken van de ingesloten video’s te kunnen bijhouden moet je hiervoor een optie aanzetten in de plugin van DuracellTomi.
Dit doe je binnen de plugin op het tabblad ‘Events’ en vervolgens ‘Media events’. Daar vink je de optie ‘YouTube video events’ aan en sla de wijzigingen vervolgens op.

Instellen Tag Manager Variabelen

Er moeten een viertal variabelen worden ingesteld. Kies bij het aanmaken van de nieuwe variabelen voor alle 4 een ‘Data Layer Variabele’.

• ‘GA – Event – Media Player Title‘ om de titel van de video bij te houden;
  • Data Layer Variable Name: mediaData.title
  • Data Layer Version: Version 2
• ‘GA – Event – Media Player Percentage‘ om het percentage van de voortgang bij te houden;
  • Data Layer Variable Name: mediaPercentage
  • Data Layer Version: Version 2
• ‘GA – Event – Media Player State‘ om de start/pauze/stop status van de video bij te houden;
  • Data Layer Variable Name: mediaPlayerState
    Data Layer Version: Version 2
• ‘GA – Event – Media Player Duration‘ om de lengte van de video vast te stellen.
  • Data Layer Variable Name: mediaData.duration
  • Data Layer Version: Version 2

Instellen Tag Manager Triggers

De volgende stap is het instellen van de triggers. Deze triggers zorgen dat de Tag Manager data verstuurt op het moment als er aan een voorwaarde wordt voldaan. In totaal moeten er 12 triggers worden ingesteld voor het bijhouden van de YouTube data.

Triggers voor percentages

De voortgang van een video krijgt in de Data Layer iedere 10% een update. Hier kan dus op worden ingehaakt en deze data kan worden doorgestuurd naar Google Analytics. Hiervoor moet voor ieder meervoud van 10% een trigger ingesteld worden. Dat kan met de volgende trigger:

• Titel: ‘GA – Event – YouTube Video 10 percent’
  • Trigger type: Custom Event
  • Event name: gtm4wp.mediaPlaybackPercentage
  • Trigger fires on: Some custom events
  • Fire this trigger when an Event occurs and all of these conditions are true:
    Variabele ‘GA – Event – Media Player Percentage’ – equals – ’10’ (procent)
• Stel dit voor iedere 10% (en meervoud) in.

Triggers voor player states

Ook de status van de video’s kan worden bijgehouden. Hier wordt de Data Layer ‘mediaPlayerState‘ voor gebruikt. Stel hiervoor de volgende triggers in:

• Titel: GA – Event – YouTube Video Playing
  • Trigger type: Custom Event
  • Event name: mediaPlayerState
  • Trigger fires on: Some custom events
  • Fire this trigger when an Event occurs and all of these conditions are true:
    Variabele ‘GA – Event – Media Player State’ – equals – play
• Titel: GA – Event – YouTube Video Paused
  • Trigger type: Custom Event
  • Event name: mediaPlayerState
  • Trigger fires on: Some custom events
  • Fire this trigger when an Event occurs and all of these conditions are true:
    Variabele ‘GA – Event – Media Player State’ – equals – pause

Instellen Tag Manager Tags

De laatste stap die moet worden uitgevoerd is het instellen van drie tags. Deze tags bevatten de data die naar Google Analytics wordt gecommuniceerd.

• Titel: GA – Event – YouTube Video Play
  • Tag type: Universal Analytics
  • Track Type: Event
  • Category: Video
  • Action: Play
  • Label: {{Page Path}}
  • Non-Interaction Hit: False
  • Google Analytics Settings: {{gaProperty}}

De tag moet worden gekoppeld aan een trigger. Kies daarvoor de zojuist aangemaakte trigger ‘GA – Event – YouTube Video Playing’.

• Titel: GA – Event – YouTube Video Pause
  • Tag type: Universal Analytics
  • Track Type: Event
  • Category: Video
  • Action: Pause
  • Label: {{Page Path}}
  • Non-Interaction Hit: False
  • Google Analytics Settings: {{gaProperty}}

Net als bij de vorige tag moet deze worden gekoppeld aan een trigger. Kies daarvoor de zojuist aangemaakte trigger ‘GA – Event – YouTube Video Paused’.

• Titel: GA – Event – YouTube Video Percentage
  • Tag type: Universal Analytics
  • Track Type: Event
  • Category: Video
  • Action: {{GA – Event – Media Player Percentage}}% played
  • Label: {{Page Path}}
  • Non-Interaction Hit: False
  • Google Analytics Settings: {{gaProperty}}

Deze tag moet worden gekoppeld worden aan alle percentage triggers die zijn aangemaakt.

Nadat alle tags, triggers en variabelen zijn aangemaakt kan je de ‘Preview’ functie aanzetten in Tag Manager. Vervolgens kan je met de live weergave van Google Analytics controleren of de gebeurtenissen van een ingesloten YouTube video worden doorgegeven. Kloppen de gegevens, dan kan je de nieuwe container publiceren in Google Tag Manager.