Installation du code du widget MGID sur la plateforme Blogger

Introduction

Le code widget MGID (Simple JS) permet aux éditeurs d’intégrer facilement des widgets sur leur site web. Contrairement aux codes d’installation standard, cette balise Simple JS est conçue pour être légère et efficace, minimisant ainsi l’impact sur les performances du site et simplifiant le processus pour les éditeurs.

Le code d’installation des widgets comprend deux éléments :

Script d’en-tête : Il s’agit du préchargeur MGID qui doit être placé dans la section <HEAD> du site web.

Exemple de script :

<script src="https://jsc.mgid.com/site/123456.js" async></script>

Conteneur Body : Il s’agit de l’élément div dans lequel le widget MGID doit être rendu à l’intérieur d’un article de blog.

Exemple de script :

<!-- place in the body --><div data-type="_mgwidget" data-widget-id="1464221"></div>

<script>(function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");</script>

Comment intégrer le code des widgets MGID (Simple JS) sur la plateforme Blogger

Option 1 : Utiliser Layout Builder

Connectez-vous à Blogger et cliquez sur la flèche en haut à gauche de l’écran. Dans la liste déroulante, sélectionnez le blog sur lequel vous souhaitez afficher des publicités.

2. Dans le panneau de menu, sélectionnez Mise en page. Choisissez la zone où vous souhaitez placer des publicités et cliquez sur Ajouter un gadget.

3. Cliquez sur la section "HTML/Javascript" dans la fenêtre pop-up. Important : Ne pas saisir de titre à ce stade.

4. Créez votre premier gadget pour le script d’en-tête. Collez le script d’en-tête dans la section "Contenu". Déplacez ce gadget dans la section "Header".

GIF 1.

5. Répétez les étapes précédentes pour créer votre deuxième gadget pour le conteneur Body.

6. Déplacez le gadget Body à l’endroit souhaité (par exemple, sous les articles du blog). Cliquez sur "Enregistrer" et consultez votre blog.

GIF 2.

Vous pouvez déplacer ou réorganiser les gadgets selon le type de code publicitaire et vos préférences.

Option 2 : Utilisation de l’éditeur HTML

Ouvrez le panneau d’administration de Blogger.
Dans le panneau de menu, sélectionnez "Thème".
Sélectionnez un thème, cliquez sur l’icône de flèche supplémentaire et choisissez "Modifier le code HTML" pour afficher le code du modèle de site web.

GIF 3

4. Ajoutez le script d’en-tête à l’intérieur du modèle de page.

Ouvrez la barre de recherche de la page (utilisez Ctrl + F sous Windows ou Commande + F sous macOS).
Saisissez le texte <HEAD> et recherchez l’élément requis. Sous cet élément, ajoutez le script.

GIF 4.

5. Ajoutez le script du conteneur Body dans le modèle de page :

Déterminez où le widget doit être visible. Utilisez l’outil d’inspection du navigateur pour trouver le nom de l’élément où le widget MGID doit apparaître. Par exemple, placez un widget après un article dans la section post-footer.

Trouvez l’élément dans l’éditeur HTML et insérez le conteneur Body avant ou après l’élément choisi.

Cliquez sur Enregistrer dans l’éditeur HTML. Le widget MGID devrait s’afficher instantanément.

Dans certains cas, il peut être nécessaire de vider le cache pour que les widgets apparaissent.

Le widget se trouve maintenant sur la page à l’endroit souhaité.