Skip to main content

Comment provoquer l'affichage d'une modale et un download instantané d'un PDF avec Google Tag Manager ?

https://tagmanager.google.com/#/container/accounts/4223570104/containers/10057536/workspaces/44/tags

 

Pour Cloos Kraus et Ostbelgien dans le cadre de campagnes, nous avons souhaité déclencher le téléchargement d'un fichier PDF au chargement de la page.

 

Le principe est le suivant. Sur base du paramètre filedownload dans l'url, un PDF est téléchargé sur le device de l'utilisateur. Afin de prévenir l'utilisateur sur ce qu'il se passe, nous déclenchons une modale avec un mot d'explication. Un container à été créé sur GTMtools. https://www.gtmtools.com/main/library/

 

Variable fileDownload : paramètre filedownload dans l'url de la landing page

 

Déclencheur campaign fileDownload: ce trigger déclenchera la balise si sa valeur commence par "/"

Dans l'url, ce paramètre contient le chemin du fichier à télécharger. l'url de la landing page devrait ressembler à ceci

https://monsite.com/folder/page?fileDownload=/lang/folder/file.pdf&utm_source=xxxx&utm_medium=yyyy&utm_campaign=zzzz

 

Tag campaign fileDownload: Cette balise a plusieurs fonctionnalités.

1. Elle contient le code CSS, le JS et le HTML qui composent la modale

2. Pousse le dataLayer qui servira à envoyer l'événement à GA

3. Pousse un session storage pour éviter de télécharger le fichier à nouveau si la page est rechargée dans la même session

 

Déclencheur event filedownload: Le trigger à mettre sur un événement qui enverra l'information à GA

remarque: vous devrez adapter le script au besoin de votre client.

- les couleurs de la modale

- les contenus en plusieurs langues si besoin

- un GIF animé à uploader sur le site du client. Vous pouvez récupérer celui-ci. /media/6058fa79-646d-4e27-bdaf-c725e5b22f4d.gif