Als je al wat onderzoek hebt gedaan naar iframe tracking, heb je misschien al wat mensen horen klagen dat het technisch moeilijk is om gebruikersinteracties binnen een iframe te volgen, omdat de inhoud ervan niet toegankelijk is vanaf de bovenliggende pagina. In tegenstelling tot wat vaak wordt gedacht, kan je het toch laten werken! Er zijn meerdere oplossingen en in dit artikel presenteren we er hier één van. We zullen de methode uitleggen aan de hand van een eenvoudige use case, zonder in technische details te treden.
Voordat we verder gaan, laten we even terugkomen op wat een iframe is. Met iframes, of "inline frames", kunnen website-eigenaars inhoud van andere bronnen rechtstreeks in webpagina's invoegen. Dit kan handig zijn om video's, sociale media feeds, en andere soorten inhoud op webpagina’s te integreren, zonder deze te hoeven hosten op de eigen server. In een notendop is een iframe een pagina binnen een andere pagina.
Een eenvoudig gebruik: het boeken van een online afspraak op een website
In onze case willen we volgen wat er gebeurt binnen een iframe waarmee mensen rechtstreeks via de website een online afspraak kunnen boeken. De tool om een afspraak te boeken is een iframe omdat het op een ander domein draait. Om de gebruikersinteracties te volgen, hebben we de scripts van Simo Ahava gebruikt. We hoeven het wiel niet opnieuw uit te vinden als er al geweldige middelen bestaan. Praktisch gezien is dit onze methodologie:
- Implementatie van een aangepaste HTML-tag voor de ouderpagina en een aangepaste HTML-tag voor de ingesloten (kind)pagina.
- Implementatie van dezelfde GTM Container ID op zowel de website als het iframe.
Door dit te doen, kan de ouder "luisteren" naar berichten en gebeurtenissen die plaatsvinden in het iframe en deze volgen namens de ingesloten pagina. Alle technische uitleg is te vinden in het bovengenoemde artikel. Als u echter niet vertrouwd bent met de code, lees dan verder om te begrijpen hoe het concreet werkt.
Laten we zeggen dat we naar de website gaan om een afspraak te boeken. Bij het starten van het boekingsproces wordt het iframe geopend. Dit triggert een "PageView" event in de datalayer van het iframe (kind) dat naar de datalayer van de website (ouder) wordt gestuurd onder "iframe.PageView".
Bij het maken van een afspraak gebeurt bij elke stap hetzelfde proces:
Om u meer details te geven, als we als eerste stap een afspraakcategorie selecteren:
- Een specifieke waarde wordt ingevuld voor de categorie in de dataLayer die gebruikt zal worden als trigger
- Een "PageView" event vindt plaats in de iframe omgeving
- Een "iframe.PageView" event vindt plaats in de website omgeving.
- De relevante tag ("iframe_category" in dit geval) wordt getriggerd.
Krijg waardevolle inzichten in gebruikersgedrag en optimaliseer uw campagnes beter
Dankzij deze implementatie konden we alle stappen van het reserveringsproces volgen. We stuurden deze gegevens terug naar ons analyseplatform om de globale gegevens en de drop rate van de ene stap naar de andere te analyseren. Bovendien stuurden we de gegevens naar onze advertentieplatforms, om ze te gebruiken om onze campagnes te optimaliseren. Dit was een grote verandering, aangezien we onze campagnes optimaliseerden voor mensen die op de knop "afspraak maken" klikten, wat niet representatief was voor het aantal mensen dat tot de laatste stap van de trechter ging.
Kortom, hoewel iframes een uitdaging kunnen zijn om te volgen, zijn er meerdere manieren om dat te doen. Nog belangrijker is dat het u relevante informatie geeft over gebruikersinteracties om de gebruikerservaring te verbeteren en het geeft de algoritmen meer gegevens om uw campagnes te optimaliseren. Aarzel niet om contact op te nemen met Semetis als u hulp nodig heeft met iframes!
Justine Heeren
| LinkedinDit E-mail adres wordt beschermd tegen spambots. U moet JavaScript geactiveerd hebben om het te kunnen zien.
