Code du widget MGID - Installation directe

Introduction

Le code du widget MGID (Simple JS) est un code d’installation destiné aux éditeurs pour intégrer des widgets sur un site web. Contrairement au code d’installation standard, la balise Simple JS est conçue pour être légère et efficace. Elle garantit un impact minimal sur les performances du site et évite des étapes supplémentaires pour l’éditeur.

Le code d’installation du widget se compose de 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.
Conteneur Body : C’est l’élément <div> où le widget MGID doit être intégré dans un article de blog.

Vous devez créer les unités publicitaires (widgets) souhaitées dans le tableau de bord et obtenir les codes correspondants.

Placement direct du code du widget MGID (Simple JS)

Simple JS donne la priorité au chargement rapide des sites web. Voici pourquoi :

Pas de dépendances externes : Intégrez Simple JS directement dans votre code, ce qui élimine le besoin de plugins et de blocs de chargement supplémentaires qui peuvent ralentir le site.
Chargement asynchrone : Simple JS se charge en parallèle avec le reste de votre site web, garantissant qu’il ne constitue pas un goulot d’étranglement pour la vitesse de chargement initiale de la page.

Pour mettre en œuvre les codes directement, procédez comme suit :

Ouvrez l’éditeur HTML de votre choix. La procédure est la même quel que soit l’éditeur (pour ce guide, nous utiliserons un éditeur en ligne avec un aperçu du site compilé).
Localisez la section <head> et collez le code <head> à n’importe quel endroit dans cette section. Il est préférable de le placer en haut de la page pour qu’il se charge plus rapidement et soit plus facile à trouver en cas de besoin.

! Par souci d’efficacité, utilisez cette partie du code uniquement à un seul endroit.

3. Pour chaque widget que vous souhaitez afficher, copiez et collez l’extrait de code <body> correspondant dans la zone de votre page où vous souhaitez que le widget apparaisse.

La capture d’écran ci-dessous montre deux widgets placés : le Smart Widget et le widget Impact In-article. La meilleure pratique consiste à placer les widgets dans les blocs auxquels ils sont destinés, par exemple à l’intérieur de l’article ou du contenu.

Enregistrez les modifications et vérifiez que tout est correctement placé. Ajustez si nécessaire. Le widget apparaîtra aux emplacements prévus.

Il existe d’autres unités que vous pouvez placer en utilisant la même méthode, en changeant uniquement le code de placement et le code <body>. Vous n’avez pas besoin de modifier le code <head> s’il est déjà présent sur la page.

Il existe d'autres unités que vous pouvez placer en utilisant la même méthode, en changeant uniquement le code de placement et le code <body>. Vous n'avez pas besoin de modifier le code <head> s'il est déjà présent sur la page.