---
title: Installation du code du widget MGID sur la plateforme Blogger
description: 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é
---

[Passer au contenu](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger#main-content)

- [Français](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger)
- [Bahasa Indonesia](https://help.mgid.com/id/kode-widget-mgid-instalasi-di-platform-blogger)
- [English](https://help.mgid.com/how-to-add-mgid-code-to-your-blogger)
- [Español](https://help.mgid.com/es/cómo-implementar-el-código-de-mgid-en-blogger)
- [Italiano](https://help.mgid.com/it/come-aggiungere-un-codice-di-mgid-a-your-blogger)
- [Polski](https://help.mgid.com/pl/instalacja-kodu-widżetu-mgid-na-platformie-blogger)
- [Português - Brasil](https://help.mgid.com/pt-br/como-adicionar-o-código-da-mgid-no-seu-blogger)
- [Tiếng Việt](https://help.mgid.com/vi/cách-thêm-mgid-code-vào-blogger)
- [Українська](https://help.mgid.com/uk/як-додати-код-mgid-до-blogger)
- [ไทย](https://help.mgid.com/th/คู่มือการติดตั้งวิทเจ็ทโฆษณาของ-mgid-บน)

Français

Afficher le sous-menu pour les traductions

![MGID\_Logo\_Help\_Center\_W\_R\_Swoosh.svg\]](https://help.mgid.com/hubfs/MGID_Logo_Help_Center_W_R_Swoosh.svg)

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)

Ouvrir la navigation principale

Fermer la navigation principale

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)
- - [Français](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger)
    - [Bahasa Indonesia](https://help.mgid.com/id/kode-widget-mgid-instalasi-di-platform-blogger)
    - [English](https://help.mgid.com/how-to-add-mgid-code-to-your-blogger)
    - [Español](https://help.mgid.com/es/cómo-implementar-el-código-de-mgid-en-blogger)
    - [Italiano](https://help.mgid.com/it/come-aggiungere-un-codice-di-mgid-a-your-blogger)
    - [Polski](https://help.mgid.com/pl/instalacja-kodu-widżetu-mgid-na-platformie-blogger)
    - [Português - Brasil](https://help.mgid.com/pt-br/como-adicionar-o-código-da-mgid-no-seu-blogger)
    - [Tiếng Việt](https://help.mgid.com/vi/cách-thêm-mgid-code-vào-blogger)
    - [Українська](https://help.mgid.com/uk/як-додати-код-mgid-до-blogger)
    - [ไทย](https://help.mgid.com/th/คู่มือการติดตั้งวิทเจ็ทโฆษณาของ-mgid-บน)

  Français
  
  Afficher le sous-menu pour les traductions
- Contact

 Contact

 Welcome to MGID! How can we help you?

- Il n'y a aucune suggestion car le champ de recherche est vide.

1. [Help Center Home](https://help.mgid.com/fr?hsLang=fr)
2. [Éditeurs](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr)
3. [Types d'intégration](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#types-dint%C3%A9gration)

# 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 présenté dans ce guide est fourni à titre indicatif uniquement. Veillez toujours à copier le code d'installation généré pour votre compte depuis votre tableau de bord, car chaque code est unique à votre configuration.

Remplacez {your\_website\_id} et {your\_widget\_id} par les valeurs indiquées dans la section Tableau de bord \> Widgets \> Obtenir le code.

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

1. 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/{your_website_id}.js" async></script>
```

1. 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="{your_widget_id}"></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**

1. Connectez-vous à [Blogger](https://www.blogger.com/about/?bpli=1) 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.

![Bloger\_add\_1](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_1.png?width=670&height=178&name=Bloger_add_1.png)

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**.

![Bloger\_add\_2](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_2.png?width=670&height=372&name=Bloger_add_2.png)

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

**![Bloger\_add\_3](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_3.png?width=343&height=612&name=Bloger_add_3.png)**

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".

![Bloger\_1](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_1.png?width=670&height=331&name=Bloger_1.png)

*GIF 1.*

*![Gif\_1\_blogger\_HEAD\_part](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_1_blogger_HEAD_part.gif?width=670&height=379&name=Gif_1_blogger_HEAD_part.gif)*

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.

![Bloger\_2](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_2.png?width=670&height=366&name=Bloger_2.png)

*GIF 2.*

*![Gif\_2\_blogger\_BODY\_part](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_2_blogger_BODY_part.gif?width=670&height=379&name=Gif_2_blogger_BODY_part.gif)*

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**

1. Ouvrez le panneau d’administration de Blogger.
2. Dans le panneau de menu, sélectionnez "Thème".
3. 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.

![Bloger\_3](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_3.png?width=670&height=423&name=Bloger_3.png)

GIF 3

![Gif\_3\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_3_blogger.gif?width=670&height=334&name=Gif_3_blogger.gif)

 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.

![Gif\_4\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_4_blogger.gif?width=670&height=651&name=Gif_4_blogger.gif)

![Bloger\_4](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_4.png?width=670&height=104&name=Bloger_4.png)

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.

![Bloger\_5](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_5.png?width=670&height=242&name=Bloger_5.png)

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

![Bloger\_6](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_6.png?width=670&height=218&name=Bloger_6.png)

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

![Bloger\_7](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_7.png?width=670&height=315&name=Bloger_7.png)

![Gif\_5\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_5_blogger.gif?width=670&height=651&name=Gif_5_blogger.gif)

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é.

![Bloger\_8](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_8.png?width=670&height=614&name=Bloger_8.png)

 

- [Éditeurs](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#main-content)

    - [Informations générales](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#informations-g%C3%A9n%C3%A9rales)
    - [Contenus et pratiques interdits](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#contenus-et-pratiques-interdits)
    - [Types d'intégration](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#types-dint%C3%A9gration)
    - [Conformité](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#conformit%C3%A9)
    - [Paiement](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#paiement)
    - [FAQ](https://help.mgid.com/fr/%C3%A9diteurs?hsLang=fr#faq)

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)

[![Chill listening crop-3](https://help.mgid.com/hubfs/MGID_Logo_Icon_HC.svg "Chill listening crop-3")](https://www.mgid.com)

Native performance through innovation

Copyright © 2026, MGID Inc.