Tilføj Hyvor Talk til din ghost blog

2. jul 2021 5 min læst
Tilføj Hyvor Talk til din ghost blog

Vil du tilføje et kommentar plugin med masser af funktioner på din ghost blog, så er Hyvor Talk måske noget for dig! Her er en lille begynder guide der viser hvordan du gør :)

Vil du tilføje et kommentar plugin med masser af funktioner på din ghost blog, så er Hyvor Talk måske noget for dig!  Her er en lille begynder guide der viser hvordan du gør :)

5 facts om Hyvor Talk

  • Hyvor Talk har bl.a. disse funktioner: kommentarer i realtid, reaktioner, op / down vote af kommentarer samt mange andre funktioner.
  • Scriptet er hurtigt til at loade
  • Tilpas det efter dine behov
  • Gode moderationsværktøjer
  • Hyvor talk er brugt af tusinde af websites verden over!

Sådan kommer du i gang!

  1. Gå til Hyvor Talk Console
  2. Udfyld: First Name, Hyvor Username, Email  samt password
  3. Tryk Signup

Du vil nu modtage en mail, med en 6 cifret kode - Indtast koden og tryk på "Confirm"

Indtast dit website navn samt dit domæne navn, og tryk på "Add"

Du er nu registret hos Hyvor Chat, og vil nu få vist et "Overview" samt dit website ID

For at installere Hyvor Talk, skal du ændre i dine temafiler fra ghost! - Der findes to måder at installere Hyvor Talk på.

Disse to metoder afhænger af hvordan du vil bruge Hyvor Talk

Hvis du bruger metode 1.  logger du på med Hyvor Talk når du vil skrive en kommentar - Hvis du bruger metode 2. Skal du bruge et ghost brugernavn til at logge på med.

Metode 1. - Hyvor Talk Login

Gå til Hyvor Talk Dashbord, og der er et menu punkt der hedder "Install"

Tryk på dette menu punkt (1.) og kopiere efterfølgende "Embed Code" (2.)

Download dit tema, og åben filen som hedder "post.hbs" - Filen finder du normalt i roden af din tema mappe.

Indsæt koden du kopieret fra "Embed Code"  i din "post.hbs" fil!

Hvis du er tvivl om hvor du skal indsætte din kode, kan du evt. søge efter

<section classname="post-full-comments">
    If you want to add embed comments, this is a good place to do it!
</section>

OBS: Det er ikke altid i post.hbs som kommentar scriptet skal insættes i - Det afhænger af det tema du bruger. - Kontakt evt support fra det tema du bruger.

Det ville f.eks se sådan ud:

<div id="hyvor-talk-view"></div>
<script type="text/javascript">
    var HYVOR_TALK_WEBSITE = MITWEBISTEID;
    var HYVOR_TALK_CONFIG = {
        url: false,
        id: "{{comment_id}}"
    };
</script>
<script async type="text/javascript" src="//talk.hyvor.com/web-api/embed.js"></script>

VIGITG 1

Husk at rette den kode du fandt under "Embed Code"

Ret følgene fra id: false til id: "{{comment_id}}"

VIGTIG 2

Husk også at whitelist domainet hvor scriptet kan blive loaded fra!

Det gør du her: https://talk.hyvor.com -> Website -> Install -> Allowed Domains

Hvis du tilføjer: "example.com" whitelister du både example.com samt www.example.com

Det vil ca. se sådan ud.

Pak temaet, og upload det til ghost igen - You done

Metode 2. - Ghost Bruger Login (Denne metode kræver Hyvor Talk business plan)

Aktivere Single Sign-on ved at gå til denne side: https://talk.hyvor.com -> Config -> Single Sign-on!

Aktivere Single Sign-on!, og vælg SSO Type :  Stateless

Det vil se sådan her ud:

Download dit tema, og åben filen som hedder "post.hbs" - Filen finder du normalt i roden af din tema mappe.

Hvis du er tvivl om hvor du skal indsætte din kode, kan du evt. søge efter

<section classname="post-full-comments">
    If you want to add embed comments, this is a good place to do it!
</section>

OBS: Det er ikke altid i post.hbs som kommentar scriptet skal insættes i - Det afhænger af det tema du bruger. - Kontakt evt support fra det tema du bruger.

Inset denne kode i din post.hbs hvor du vil have kommentar scriptet til at loade

<div id="hyvor-talk-view"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
<script>
    var HYVOR_TALK_WEBSITE = YOUR_WEBSITE_ID,
        HYVOR_TALK_PRIVATE_KEY = 'YOUR_PRIVATE_KEY',
        HYVOR_TALK_CONFIG = {
            url: false,
            id: "{{comment_id}}"
        };
    {{#if @member}}
        var userData = {
            id: "{{ @member.uuid }}",
            name: "{{ @member.name}}",
            email: "{{ @member.email}}",
        };
    {{else}}
        var userData = {};
    {{/if}}
    userData = btoa( JSON.stringify( userData ) )
    var hash = CryptoJS.HmacSHA1(userData, HYVOR_TALK_PRIVATE_KEY).toString();
    HYVOR_TALK_CONFIG.sso = {
        hash: hash,
        userData: userData,
        loginURL: location.href + "#/portal/login",
        signupURL: location.href + "#/portal/signup"
    }
    var script = document.createElement("script");
    script.src = "//talk.hyvor.com/web-api/embed.js";
    script.async = true;
    document.body.appendChild(script);
</script>

VIGITG 1:

Udskift: "YOUR_WEBSITE_ID" med dit "Website ID" som du finder på denne side https://talk.hyvor.com -> Overview

Udskift "YOUR_PRIVATE_KEY" med din private key du finder på https://talk.hyvor.com -> Single Sign-on -> Private key

VIGTIG 2

Husk også at whitelist domainet hvor scriptet kan blive loaded fra!

Det gør du her: https://talk.hyvor.com -> Website -> Install -> Allowed Domains

Hvis du tilføjer: "example.com" whitelister du både example.com samt www.example.com

Det vil se sådan ud.

Pak temaet, og upload det til ghost igen - You done

Til sidst. Du kan logge ind på: https://talk.hyvor.com/console/ og opsætte resten af scriptet som du gerne vil have det :) - Det er meget let at gå til!

Du er også meget velkommen til at skrive en kommentar her hvis du skulle have brug for hjælp, så skal jeg gøre mit bedste for at hjælpe dig videre :)

Sådan! Betal dernæst for at få fuld adgang til FutureNode.dk.
Velkommen tilbage! Du er nu logget ind.
Du er nu medlem på FutureNode.dk.
Sådan! Din konto er fuldt aktiveret. Du har nu adgang til alt indholdet samt alle funktioner.
Sådan! Dine faktureringsoplysninger er blevet opdateret.
Dine faktureringsoplysninger blev ikke opdateret.