> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# Audio Native avec Ghost

> **Info**
>
> Suivez les étapes de la [présentation d’Audio Native](/docs/fr/eleven-creative/audio-tools/audio-native) pour
> démarrer avec Audio Native avant de poursuivre ce guide.

#### Ajouter du HTML à votre article de blog

Accédez à votre blog Ghost, connectez-vous et ouvrez la page de paramètres de l’article de blog que vous souhaitez narrer.

#### Ajouter le code d’intégration à votre article de blog

Cliquez sur le symbole « + » à gauche et sélectionnez « HTML » dans le menu.

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/5a2bae6de46f35e49eeaef8ad92323d9717e5af5b00ad05a7670a30ec8f4696c/assets/images/product-guides/audio-native/audio-native-ghost-1.webp)

Collez le code d’intégration Audio Native dans le champ HTML et appuyez sur Entrée.

**`Extrait de code d’intégration`**

```html title="Extrait de code d’intégration"
    <div
        id="elevenlabs-audionative-widget"
        data-height="90"
        data-width="100%"
        data-frameborder="no"
        data-scrolling="no"
        data-publicuserid="public-user-id"
        data-playerurl="https://elevenlabs.io/player/index.html"
        data-projectid="project-id"
    >
        Loading the <a href="https://elevenlabs.io/text-to-speech" target="_blank" rel="noopener">Elevenlabs Text to Speech</a> AudioNative Player...
    </div>
    <script src="https://elevenlabs.io/player/audioNativeHelper.js" type="text/javascript"></script>
```

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/2783aa5f50f84ce712957ccb1504381e4248b49b5ca408173c583a40bd38d58e/assets/images/product-guides/audio-native/audio-native-ghost-2.webp)

#### Mettre à jour l’article de blog

Cliquez sur le bouton « Update » en haut à droite de l’éditeur, qui devrait désormais être mis en évidence en vert.

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/1625ff60cbf3c92760d918a298ed65fe6f0911c345efbf9999185cf4fab95014/assets/images/product-guides/audio-native/audio-native-ghost-3.webp)

#### Accéder à la version en ligne de l’article de blog

Enfin, accédez à la version en ligne de l’article de blog. Un message vous indiquera que le projet Audio Native est en cours de création. Après quelques minutes, le texte de votre blog sera converti en article audio et le lecteur audio intégré apparaîtra.

![Audio Native](/docs/_fern-files/elevenlabs.docs.buildwithfern.com/20730d8df4528041314d44667d0f9418af10636144af722c1cfa2e7fe48b6107/assets/images/product-guides/audio-native/audio-native-ghost-4.webp)