Exécuter un script GTM uniquement sur mobile ou desktop

Sommaire

Étape 1 : Créer une nouvelle variable
Étape 2 : Créer un nouveau Déclencheur
Étape 3 : ajouter le déclencheur à la balise souhaitée
Étape 4 : Envoyer et Publier

Il peut arriver que vous souhaitiez charger un pixel ou exécuter un script sur desktop uniquement. Ce guide vous montrera comment le faire en utilisant Google Tag Manager.

Par défaut, Google Tag Manager ne vous permet pas d'utiliser le type d'appareil comme variable. Nous allons utiliser une solution de contournement en créant une variable JavaScript personnalisée qui exécute un script en fonction de la résolution de l'écran qui affiche la page.

Étape 1 : Créer une nouvelle variable

Connectez-vous à Google Tag Manager et cliquez sur Variables dans le menu de droite.

Sous Variables définies par l'utilisateur, cliquez sur le bouton bleu Nouveau.

Passez la souris sur la boîte de configuration des variables et cliquez sur l'icône du crayon qui apparaît en haut à droite.

Sélectionnez JavaScript personnalisé dans le menu.

Coller le code suivant dans la boite de JS personnalisé :

function()
{
/// the minimum width for each device we're able to detect, from big to small
var deviceMinWidths = {
'desktop': 769,
'tablet': 321,
'mobile': 0       
}

/// find the device type
for(var device in deviceMinWidths)
{
if(window.screen.width >= deviceMinWidths[device])
{
return device;
}
}   
}

ATTENTION : Cette fonction utilise JavaScript pour obtenir la largeur actuelle de votre navigateur (en pixels) et la traduire en une chaîne de texte facile à lire. Si vous souhaitez appliquer cette fonction à votre propre site Web, veillez à indiquer les points d'arrêt réactifs utilisés par votre site. Par exemple, bien que nous utilisions 520 pixels ou moins pour signifier “mobile”, votre site Web peut s'arrêter pour le mobile à 450px, 600px, ou n'importe quoi entre les deux.