Documentation / Premiers pas

Selon votre plateforme

Le code d'un module est du HTML ordinaire. Toute plateforme qui permet d'insérer un bloc de HTML personnalisé dans une page peut l'afficher. Les menus changent d'une plateforme à l'autre et d'une version à l'autre : cette page dit quoi chercher, pas où cliquer.

Le principe, partout

Copiez le code affiché par l'écran « Modules » de votre site, ou par l'éditeur du module.
Dans l'éditeur de votre page, cherchez un bloc ou un élément qui accepte du HTML : il s'appelle souvent « HTML », « HTML personnalisé », « Code », « Intégration » ou « Embed ».
Collez les deux lignes telles quelles dans ce bloc, à l'endroit où le module doit apparaître.
Publiez la page, puis ouvrez-la sur le domaine que vous avez déclaré.

L'aperçu intégré à l'éditeur de votre plateforme tourne souvent sur une autre adresse que votre site. Le module y reste vide, puisque cette adresse n'est pas autorisée à l'afficher (voyez Où le module s'affiche). Jugez sur la page publiée, à sa vraie adresse.

WordPress

Dans l'éditeur de blocs, WordPress propose un bloc « HTML personnalisé ». Collez-y le code. Si votre thème ou votre extension de construction de pages utilise un autre éditeur, cherchez son élément « HTML » ou « Code ».

Pour la preuve de propriété par balise, il faut placer une ligne dans le <head> de la page d'accueil : certains thèmes et certaines extensions offrent un champ pour ajouter du code dans l'en-tête. Si vous avez un accès FTP ou un gestionnaire de fichiers, la preuve par fichier est souvent plus simple. Voyez Prouver que le site est à vous.

Wix

Wix permet d'ajouter un élément d'intégration de code HTML dans une page. Collez-y les deux lignes. Si cet élément a une taille fixe que vous réglez à la main dans l'éditeur, donnez-lui assez de hauteur pour tout le module : notre script ajuste la hauteur de son propre cadre, pas celle d'un cadre posé par la plateforme autour de lui.

Wix ne donne pas accès aux fichiers à la racine du site : pour la preuve de propriété, passez par la balise (si votre formule permet d'ajouter du code dans l'en-tête) ou par l'enregistrement DNS.

Squarespace

Squarespace propose un bloc « Code » à insérer dans une page. Collez-y le code. Selon votre formule, l'injection de code dans l'en-tête peut servir à la preuve par balise ; sinon, utilisez l'enregistrement DNS.

Shopify

Dans Shopify, le code peut aller dans une section ou un bloc qui accepte du HTML ou du « Liquid » personnalisé, selon votre thème, ou directement dans le fichier de thème si vous l'éditez. Pour la preuve par balise, la ligne se place dans le <head> du gabarit principal du thème.

Un site HTML statique

Ouvrez le fichier de la page, collez l'élément <div data-bl> à l'endroit voulu, et la ligne <script> juste avant </body>. Envoyez le fichier sur votre hébergement comme d'habitude. Pour la preuve de propriété, déposer le fichier fourni à la racine du site est la voie la plus directe.

Si rien ne s'affiche

Certains éditeurs retirent les balises <script> collées dans un contenu. Vérifiez dans le code source de la page publiée que les deux lignes sont bien là, intactes.
Vérifiez que la page est ouverte sur un domaine autorisé : le domaine déclaré, un de ses sous-domaines, ou une adresse ajoutée dans « Adresses autorisées ».
Consultez les questions fréquentes.