Installer optimize.js (synchronisation) : optimize resource hub

Cet article est destiné aux clients qui souhaitent installer Optimize avec Optimize.js (synchronisation).

Suivez les étapes ci-dessous pour installer Optimize sur votre site Web.

Conditions préalables

Si vous n’avez pas terminé la configuration initiale d’Optimize, veuillez le faire avant d’installer l’extrait de code sur votre site Web. Voici une liste de contrôle de ce dont vous avez besoin  :

  1. Un compte et une propriété Google Analytics.

  2. Google Analytics installé sur votre site Web.

  3. Un compte et un conteneur Optimize associés à la propriété Google Analytics.

  4. Modifiez l’accès au code HTML de votre site Web pour ajouter l’extrait Optimize.

Vous devez effectuer toutes les étapes ci-dessus avant d’installer l’extrait Optimize sur votre site Web. Vous pouvez revoir ces étapes plus en détail dans notre article Configurer Optimize.

Installez Optimize avec Optimize.js (synchronisation)

La version synchrone (synchrone) d’Optimize est recommandée pour la plupart des utilisateurs, car elle offre les meilleures performances et a un impact minimal sur la vitesse de rendu de votre site Web.

Placez l’extrait Optimize (ci-dessous) en haut de la dans vos pages Web.

Remarque  : remplacer OPT_CONTAINER_ID avec votre ID de conteneur Optimize.

Bonnes pratiques en matière de placement d’extraits

Pour des performances optimales, placez l’extrait Optimize à le haut de la étiqueter sur chaque page Web que vous souhaitez optimiser.

Les seuls éléments qui doivent apparaître au-dessus de l’extrait Optimize sont  :

  1. Tout code d’initialisation dataLayer. Remarque  : la variable dataLayer ne doit jamais être réaffectée après l’extrait anti-scintillement (lorsqu’il est utilisé)
  2. comme jQuery ou les bibliothèques JavaScript utilisées dans la mise en œuvre ou le ciblage. Remarque  : jQuery n’est pas installé par défaut par Optimize

  3. L’extrait de code anti-scintillement facultatif, lorsqu’il est utilisé pour atténuer le scintillement de la page

Vérifiez votre installation Optimize

Le meilleur moyen de garantir le bon fonctionnement d’Optimize est de créer une personnalisation simple, puis d’utiliser les diagnostics d’installation et le mode de prévisualisation pour confirmer qu’il s’affiche comme vous le souhaitez dans votre navigateur.

  • Diagnostique d’installation vous permettent de vérifier votre installation Optimize en cliquant sur Vérifier l’installation dans le panneau d’informations. Un message de diagnostic vous avertira si des problèmes sont détectés. Apprendre encore plus
  • Mode aperçu vous permet de valider que votre expérience semble correcte avant de la démarrer. Apprendre encore plus
  • Assistant de balises Google est une extension Chrome qui valide automatiquement l’implémentation du global site tag (gtag.js) sur une page donnée. Apprendre encore plus

Atténuer le scintillement des pages

Le scintillement de la page – également connu sous le nom de scintillement JavaScript, scintillement DOM, Flash de contenu sans style (FOUC) et Flash de texte sans style (FOUT) – se produit lorsqu’un moteur de navigateur affiche une page Web avant que toutes les informations ne soient récupérées. La page apparaît brièvement avec les styles par défaut du navigateur avant le nouveau chargement une fois les nouvelles règles de style chargées et appliquées.

Supprimer les extraits Optimize précédents

Si vous avez déjà installé un extrait Optimize sur votre site Web, vous devez le supprimer avant de baliser à nouveau votre site.

Vous n’êtes pas sûr d’avoir déjà Optimize ?

Comment supprimer l’extrait Optimize

Optimiser

installé via

Google Analytics

mesure via

Instructions

GTM

Supprimez la balise Optimize via Tag Manager. Apprendre encore plus.

analytics.js

GTM

Supprimez l’extrait analytics.js de la page.

gtag.js

GTM

Supprimez l’extrait gtag.js de la page. Apprendre encore plus.

gtag.js

gtag.js

Supprimez le paramètre de configuration « optimize_id » de votre extrait gtag.js (voir l’exemple A ci-dessous).

analytics.js

analytics.js

Supprimez la ligne « ga(‘require’, ‘OPT_CONTAINER_ID’) » (voir l’exemple B ci-dessous).

Exemple A

Si Optimize est installé via gtag.js et que la mesure GA est effectuée par gtag.js, supprimez le paramètre de configuration « optimize_id » de votre extrait gtag.js.

Remplacez-le par  :

à :

gtag(‘config’, ‘GA_TRACKING_ID’);

Exemple B

Si Optimize est installé via analytics.js et que la page est (uniquement) suivie par analytics.js, supprimez la ligne « ga(‘require ») de votre extrait analytics.js.

Changez-le de  :

ga(‘créer’, ‘GA_MEASUREMENT_ID’, ‘auto’);

ga(‘require’, ‘OPT_CONTAINER_ID’);

ga(‘envoyer’, ‘page vue’);

à :

ga(‘créer’, ‘GA_TRACKING_ID’, ‘auto’);

ga(‘envoyer’, ‘page vue’);

Si vous avez déjà installé l’extrait anti-scintillement, vous devez le supprimer en même temps.

Tags: