Installation : Blogger

Hyvor Talk utilise le gadget HTML/JavaScript personnalisé de Blogger pour intégrer les commentaires. Le code suivant ajoute à la fois les commentaires et le nombre de commentaires à votre blog Blogger. Cela fonctionne avec la plupart des thèmes Blogger. Si vous avez un thème personnalisé, vous devrez peut-être utiliser l'installation HTML.

1. Créer un gadget

  • Allez dans votre tableau de bord Blogger
  • Cliquez sur le bouton « Mise en page » dans la barre latérale gauche
  • Cliquez sur le bouton « Ajouter un gadget »
  • Cliquez sur le bouton « HTML/JavaScript »
  • Laissez le titre vide

2. Ajouter le code

Copiez et collez le code suivant dans le champ « Contenu » et cliquez sur le bouton « Enregistrer ». Veillez à remplacer YOUR_WEBSITE_ID à la ligne 3 par l'ID de votre site web.

<script>
    (function() {
        const WEBSITE_ID = "YOUR_WEBSITE_ID";

        // css
        const style = document.createElement("style");
        style.innerHTML = "#comments {display:none;} .comment-link {visibility: hidden;}";
        document.head.appendChild(style);

        // comments
        const wrap = document.getElementById("comments");
        if (wrap) {
            const script = document.createElement('script');
            script.type = "module";
            script.src = "https://talk.hyvor.com/embed/embed.js";
            document.body.appendChild(script);

            const el = document.createElement("hyvor-talk-comments");
            el.setAttribute("website-id", WEBSITE_ID);
            wrap.appendChild(el);
            wrap.style.display = 'block';
        }

        // comment counts
        const posts = document.querySelectorAll(".post");
        let found = false;

        for (let i = 0; i < posts.length; i++) {
            const post = posts[i];
            const link = post.querySelector(".comment-link");
            if (!link)
                continue;

            const el = document.createElement("hyvor-talk-comment-count");
            el.setAttribute("page-id", link.href);
            link.innerHTML = "";
            link.appendChild(el);

            found = true;
        }

        if (found) {
            const style2 = document.createElement("style");
            style2.innerHTML = ".comment-link {visibility: visible!important;}";
            document.head.appendChild(style);

            const script = document.createElement('script');
            script.src = "https://talk.hyvor.com/embed/comment-counts.js";
            document.body.appendChild(script);

            script.onload = function() {
                hyvorTalkCommentCounts.load({
                    "website-id": WEBSITE_ID
                });
            }
        }
    })()
</script>

3. Placer le gadget

Enfin, faites glisser le gadget que vous venez de créer vers le bas de la mise en page (ex. : pied de page) et cliquez sur le bouton « Enregistrer ».

Vous pouvez masquer le système de commentaires par défaut de Blogger dans Paramètres → Commentaires → Emplacement des commentaires dans le tableau de bord Blogger.

Hyvor Talk Logo