Guide de codage personnalisé

Grâce à la flexibilité de notre éditeur, vous pouvez élargir le champ de fonctionnalité de votre site en ajoutant un script ou un code personnalisé. Notez toutefois que le code personnalisé a tendance à cesser de fonctionner, à désactiver l'éditeur ou à nécessiter des étapes supplémentaires. C'est pourquoi nous vous conseillons de suivre les instructions ci-dessous lorsque vous testez du code personnalisé.

HTTP et HTTPS

Si vous travaillez avec du code personnalisé, vous devez savoir que les scripts et les ressources ne peuvent être chargés que dans le même HTTP ou HTTPS.

Par défaut, l'éditeur est toujours chargé en HTTPS. Si vous utilisez un script HTTP dans l'éditeur, il ne sera pas visible dans l'éditeur car celui-ci est chargé via une connexion sécurisée.

Il sera cependant visible sur le site actif car chargé via une connexion non sécurisée.

Code d'en-tête personnalisé

Lorsque vous ajoutez votre propre code à un en-tête, dupliquez le site puis testez votre code sur la copie ainsi créée. En cas d'échec, vous pouvez simplement supprimer le site copié.

Autre possibilité : testez le code de l'en-tête sur une page vierge du même site. Si la page plante, supprimez-la ou accédez au code via le mode développeur.

Code de page personnalisé

Pour ajouter votre propre code à une page :

  1. Dupliquez la page, puis ajoutez-y votre code personnalisé.
  2. En cas d'échec, vous pouvez accéder au code HTML/CSS de la page modifiée en ouvrant une autre page et en accédant au mode développeur.
  3. Vous pouvez également supprimer la page et recommencer en créant un doublon.
  4. Si le code personnalisé se trouve sur votre page d'accueil, vous pouvez essayer d'accéder à votre éditeur en ajoutant « /contact » ou un autre élément d'URL à la fin du lien de votre éditeur.

Optimisation de la vitesse de chargement

L'exécution de certains scripts est affectée par l'optimisation du chargement. Cette optimisation PageSpeed est exécutée sur la majorité des pages d'IONOS, ce qui peut entraîner des problèmes avec votre code personnalisé. Lorsque vous essayez de résoudre des problèmes de code, déterminez s'il s'agit d'un problème PageSpeed en procédant comme suit :

  1. Dupliquez la page avec vos scripts.
  2. Remplacez l'URL par « testing_scripts ».
  3. Publiez et vérifiez la page sur votre site actif.

Si votre code fonctionne sur cette page, contactez l'assistance afin de désactiver l'optimisation PageSpeed pour votre site.

Si vous utilisez un script, vous pouvez également essayer de vous assurer que votre script s'exécute de manière asynchrone. Il n'y a pas de garantie, mais cela résout parfois le problème de scripts qui ne s'exécutent pas correctement dans le navigateur.

Pour activer l'exécution asynchrone du script, vous devez le modifier de la manière suivante :

  • Ancien code : <script src=”https://example.com/script.js”></script>
  • Nouveau code : <script src=”https://example.com/script.js” async defer></script>

Désactiver la navigation animée

La fonctionnalité de navigation animée d'IONOS interfère souvent avec le mode de chargement du code personnalisé. Vous pouvez désactiver la navigation animée sur les sites web responsives en effectuant un clic droit sur l'élément de navigation dans votre éditeur, puis en cliquant sur Modifier et sur Désactiver la navigation animée.

Dépannage

Lorsque du codage personnalisé fait planter un site, une page vierge est généralement chargée dans l'éditeur (ou alors, vos fonctionnalités d'édition ne sont plus accessibles). Si le code personnalisé a fait planter votre site, plusieurs options s'offrent à vous.

  • Si vous disposez d'une sauvegarde, cliquez sur Paramètres dans le panneau de gauche, puis sur Site de sauvegarde pour la restaurer.
  • Connectez-vous à http://my.IONOS.co?nossl, une version de notre plateforme mieux adaptée au codage.
  • Si vous ne parvenez pas à accéder à cette fonction depuis votre éditeur, vous pourrez peut-être y parvenir en chargeant une nouvelle page.

    Pour résoudre ce problème, essayez d'accéder à votre éditeur sur une nouvelle page. Pour cela, saisissez une autre URL dans le lien de votre éditeur, par exemple https://my.IONOS.co/home/site/XXXXXXX/about, qui renvoie à la page « À propos » d'un site.

  • Si l'éditeur plante, essayez de forcer l'ouverture de l'éditeur en utilisant le raccourci clavier de l'inspecteur d'éléments :
    • Mac : Command+Option +C
    • PC : Ctrl+Alt+C
  • Si le code personnalisé ne s'exécute pas correctement, désactivez le changement de page AJAX (navigation rapide) dans la section HTML de l'en-tête.

Conditions d'utilisation du code personnalisé dans IONOS

En raison de la nature imprévisible du code personnalisé, nous ne sommes pas en mesure de déterminer pourquoi un certain élément codé ne fonctionne pas sur un site.

Aucun développeur n'est actuellement disponible pour résoudre les problèmes concernant ce code personnalisé. Veuillez donc suivre les instructions ci-dessus lorsque vous testez le code personnalisé sur votre site.