Aller au contenu
ENCommencer gratuitementCommencer
← Toutes les plateformes

Tutoriel Ghost

Votre voix dans vos articles Ghost

Une ligne dans Code injection, une carte HTML sous le paragraphe : vos lecteurs entendent l'auteur, avec la transcription. Sans thème à modifier.

Créer mon compte gratuitVoir la démonstration

Ce qu'il vous faut≈ 5 min d'installation

  • Ghost 5 ou plus (Ghost(Pro) ou auto-hébergé)
  • Un compte administrateur (Code injection)
  • Un compte Vokyt, offre Gratuit comprise

Étape 1 sur 4 · Copier le script

vokyt.cc/tableau-de-bord

Pas à pas

  1. 01

    Préparez Vokyt

    Compte, site, clé publique

    Créez votre compte Vokyt (gratuit), puis ouvrez Tableau de bord → Sites et intégration → Ajouter un site.

    Déclarez tous les domaines où le lecteur s'affichera : monblog.ghost.io et votre domaine personnalisé. Le lecteur refuse de s'afficher sur un domaine non déclaré : c'est ce qui empêche quelqu'un d'utiliser vos vocaux ailleurs.

    Copiez la ligne de script affichée : elle contient déjà votre clé publique (pk_live_…). Cette clé peut apparaître dans vos pages sans risque.

    html
    <script src="https://vokyt.cc/player.js" data-key="pk_live_…" defer></script>

  2. 02

    Ajoutez le script dans Code injection

    Settings › Code injection

    Dans l'administration Ghost : Settings (roue dentée) → Code injection → Open.

    Collez la ligne de script dans « Site header », puis cliquez sur Save. Elle est chargée sur toutes les pages : inutile de la répéter dans chaque article.

    html
    <script src="https://vokyt.cc/player.js" data-key="pk_live_…" defer></script>

  3. 03

    Enregistrez un vocal

    30 s à 1 min 30

    Tableau de bord → Nouveau vocal : enregistrez depuis le navigateur ou envoyez un fichier. Vokyt harmonise le son et transcrit en quelques secondes.

    Relisez la transcription, puis copiez la balise du vocal dans l'encadré « Intégration ».

    html
    <vokyt-player note="note_…"></vokyt-player>

  4. 04

    Placez le vocal avec une carte HTML

    Éditeur Ghost

    Ouvrez l'article, placez-vous sous le paragraphe concerné, cliquez sur + (ou tapez /html) et choisissez HTML.

    Collez la balise du vocal. L'éditeur ne montre pas le lecteur : il apparaît sur l'article publié ou dans l'aperçu.

    html
    <vokyt-player note="note_…"></vokyt-player>

  5. 05

    Publiez et vérifiez

    Le lecteur apparaît

    Publiez (ou mettez à jour) l'article et ouvrez-le : le lecteur s'affiche avec la transcription, aux couleurs de votre thème. Les écoutes arrivent dans votre tableau de bord Vokyt.

Questions fréquentes

Le lecteur ne s'affiche pas, pourquoi ?

Dans 9 cas sur 10, le domaine exact de la page n'est pas déclaré dans Sites et intégration (avec ou sans www, domaine de prévisualisation). Vérifiez aussi que la ligne de script est présente une seule fois et que le vocal est prêt.

Et dans la newsletter ?

Les e-mails n'exécutent pas de script : le vocal n'apparaît pas dans la newsletter. Ajoutez un lien « Écouter le vocal » vers son lien d'écoute (encadré « Lien d'écoute » du vocal) pour le signaler aux abonnés.

Est-ce que ça ralentit mon site ?

Le lecteur pèse moins de 15 Ko, se charge en différé (defer) et n'utilise aucun cookie. L'audio n'est téléchargé que lorsque le lecteur appuie sur lecture.

Autres plateformes

Prêt à faire entendre votre voix ?

Créez votre compte, enregistrez un premier vocal et suivez les étapes : c'est gratuit pour commencer.

Créer mon compte gratuitToutes les plateformes