Skip to main content

Injection de code

Publié dans Pages et contenu.

La zone Injection de code vous permet d’ajouter du code et des scripts personnalisés à votre site. Vous pouvez ajouter du code HTML, JS et CSS soit de manière globale dans la balise <head> de toutes les pages de votre site depuis Paramètres > Paramètre du site > dans l’onglet Avancé, soit sur une page en particulier dans les Paramètres de page

Pour en savoir plus sur les paramètres du site , consultez Paramètres du site
Pour en savoir plus sur les paramètres du page , consultez Paramètres de page

Vous pouvez ajouter des balises méta dans la zone Injection de code. Vous trouverez une liste des nombreuses balises méta en suivant ce lien https://www.w3schools.com/tags/tag_meta.asp

Avant de commencer

Attention, cette fonctionnalité ne doit pas être utilisée par des utilisateurs non expérimentés. Un Code HTML, JS ou CSS inapproprié ou incorrect peut empêcher votre site de fonctionner correctement ou bien bloquer l’affichage des éléments d’administration de votre site. Veuillez respecter les conseils suivants lors de l’ajout de code sur votre site :

  • Toujours essayer le code sur une page test du site
  • Ne jamais ajouter de code dans Injection de code des paramètres du site ou de la page, ou dans les zones En-tête ou Pied de page qui sont des zones partagées par chaque page, sauf si vous l’avez déjà vérifié et qu’il fonctionne correctement
  • Si l’extrait provoque des problèmes, la page de test peut être supprimée à partir du panneau Pages

Le code CSS doit être encadré pas les balises <style></style>. Exemple :

<style>
    .my-class {
        border: 1px solid #cccccc;
</style>

Le code JS doit être encadré pas les balises <script></script>. Exemple :

<script>
    alert('my script');
</script>

Quand utiliser Injection de code plutôt que le composant Code ?

Utilisez Injection de code pour ajouter du code dans la balise <head> de votre site ou de certaines pages spécifiques. Il peut s’agir par exemple d’outils d’analyse et de statistiques pour votre site, de code de validation de la propriété pour Google Search Console…

Si votre code ne nécessite d’être pas dans la balise <head> de votre site, utilisez le composant Code.

Ajouter un code à une page

  1. Ouvrez les Paramètres de page
  2. Sélectionnez l’onglet Avancé
  3. Entrez votre code HTML, JS ou CSS
  4. Enregistrez
Remarque : l'ajout de code n’est pas prise en charge par notre service d’assistance. Nous ne sommes en mesure de vous aider ni pour la configuration ni pour le dépannage du code personnalisé. Par ailleurs, nous ne pouvons garantir le fonctionnement ni la compatibilité de code personnalisé avec la plateforme.