Codes d'insertion (embeds)

EnaCast génère des codes d’insertion (embeds) : une <iframe> que vous collez dans n’importe quel autre site (celui de la mairie, un blog, le site d’un collaborateur) pour afficher le contenu de votre radio et l’écouter sur place, sans quitter la page.

Où trouver le code

Le plus rapide est de le copier depuis le site de votre radio. Sur ces pages, le menu Partager propose Copier l’embed, qui affiche le code prêt à coller :

Où	Ce qui est intégré
Page d’une émission	La liste des épisodes de l’émission
Page d’un épisode	Le lecteur de l’épisode
Chaque section d’un épisode (liste des sections)	Le lecteur de cette seule section
Page d’une rubrique régulière	Les dernières diffusions de la rubrique
Page d’une personne	Les dernières diffusions de toutes ses rubriques

Les autres embeds (actualités, grille, derniers épisodes, direct) n’ont pas de bouton : écrivez l’adresse comme expliqué ci-dessous.

Domaine dans les adresses

Toutes les adresses commencent par le domaine du site de votre radio suivi de /embeds/ :

• avec votre propre domaine : https://www.votreradio.fr/embeds/...
• sans domaine propre : https://votreradio.enacast.com/embeds/... (où votreradio est l’identifiant de votre radio)

Dans les exemples ci-dessous, remplacez votredomaine.com par le vôtre. Les adresses se terminent toujours par / avant les paramètres (.../?count=5).

Types d’embed

Épisodes d’une émission

La liste des épisodes d’une émission, avec un lecteur sur chacun et une pagination.

<iframe
  src="https://votredomaine.com/embeds/podcast/EMISSION/?count=10"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

EMISSION est l’identifiant de l’émission, celui de son adresse (/podcasts/EMISSION/). Paramètres propres : count (de 1 à 50, 10 par défaut), page, et images, date, duration, description, header et pagination, que =false masque.

Un épisode

Une carte avec le lecteur d’un épisode.

<iframe
  src="https://votredomaine.com/embeds/podcast/EMISSION/EPISODE/"
  width="100%"
  height="400"
  frameborder="0">
</iframe>

EPISODE est la fin de l’adresse de l’épisode (/podcasts/EMISSION/EPISODE/). Paramètres propres : autoplay=true, et description, duration et date, que =false masque.

Les sections d’un épisode

Le lecteur de l’épisode avec la liste de ses sections : un clic sur l’une d’elles fait sauter l’audio à cet endroit.

<iframe
  src="https://votredomaine.com/embeds/podcast/EMISSION/EPISODE/markers/"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

images, description et timestamps se masquent avec =false.

Une section d’un épisode

Un seul extrait de l’épisode : il commence là où commence la section et s’arrête là où elle finit. Idéal pour partager une interview ou un sujet précis.

<iframe
  src="https://votredomaine.com/embeds/podcast/EMISSION/EPISODE/markers/SECTION/"
  width="100%"
  height="280"
  frameborder="0">
</iframe>

Copiez le code depuis la section, dans la liste des sections de l’épisode. Paramètres propres : autoplay=true et description=false.

Diffusions d’une rubrique régulière

Les dernières diffusions d’une rubrique régulière en liste : chacune ne joue que son extrait de l’épisode, et Tout écouter les enchaîne.

<iframe
  src="https://votredomaine.com/embeds/sections/EMISSION/RUBRIQUE/?count=5"
  width="100%"
  height="520"
  frameborder="0">
</iframe>

count est le nombre de diffusions (de 1 à 20, 10 par défaut).

Les rubriques d’une personne

Les dernières diffusions de toutes les rubriques d’une personne réunies, de la plus récente à la plus ancienne, chacune avec le nom de sa rubrique. Pratique pour le site ou le blog d’un collaborateur.

<iframe
  src="https://votredomaine.com/embeds/people/PERSONNE/?count=5"
  width="100%"
  height="520"
  frameborder="0">
</iframe>

PERSONNE est la fin de l’adresse de sa page (/people/PERSONNE/). count de 1 à 20, 10 par défaut.

Derniers épisodes

Les derniers épisodes publiés de toutes les émissions, ou d’une seule :

<!-- Toutes les émissions -->
<iframe
  src="https://votredomaine.com/embeds/podcasts/episodes/?count=5"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

<!-- Une émission -->
<iframe
  src="https://votredomaine.com/embeds/podcasts/episodes/EMISSION/?count=5"
  width="100%"
  height="500"
  frameborder="0">
</iframe>

count de 1 à 20 (5 par défaut) ; images, date, duration et description se masquent avec =false.

Actualités

Les dernières actualités publiées, toutes ou celles d’une étiquette :

<iframe
  src="https://votredomaine.com/embeds/news/?count=5"
  width="100%"
  height="460"
  frameborder="0">
</iframe>

Pour une étiquette, ajoutez tag=ETIQUETTE (.../embeds/news/?tag=culture&count=5). count de 1 à 20 (5 par défaut) ; images et date se masquent avec =false.

Grille des programmes

La programmation d’une journée, avec l’émission en cours mise en évidence et des boutons pour passer au jour précédent ou suivant.

<iframe
  src="https://votredomaine.com/embeds/schedules/"
  width="100%"
  height="750"
  frameborder="0">
</iframe>

Par défaut, elle affiche aujourd’hui. Paramètres propres : day (0 = dimanche … 6 = samedi), week et year ; description et badges (les étiquettes d’état, comme celle de l’émission en direct) se masquent avec =false.

Direct

Un lecteur compact du direct, avec le logo et le nom de la radio.

<iframe
  src="https://votredomaine.com/embeds/player/modern/"
  width="100%"
  height="200"
  frameborder="0">
</iframe>

Paramètres communs

Tous les embeds acceptent ces paramètres à la fin de l’adresse (?theme=dark&background=transparent) :

Paramètre	Valeurs	Effet
theme	auto (par défaut), light, dark	Couleurs claires ou sombres ; auto suit la préférence de l’appareil
background	auto (par défaut), light, dark, transparent	Le fond ; transparent laisse voir celui de votre site
target	blank (par défaut), self	Les liens s’ouvrent dans un nouvel onglet, ou dans la même page avec self

Les embeds utilisent automatiquement la couleur principale de votre radio.

Dimensions

Utilisez toujours width="100%" : l’embed s’adapte à la largeur où vous le placez, sur mobile aussi. La hauteur ne s’ajuste pas seule ; voici les hauteurs recommandées :

Embed	Hauteur recommandée
Épisodes d’une émission	600px (10 épisodes)
Un épisode	400px
Les sections d’un épisode	500px
Une section d’un épisode	280px
Rubrique régulière ou personne	520px (5 diffusions)
Derniers épisodes	500px (5 épisodes)
Actualités	460px (5 actualités ; environ 75px chacune)
Grille	750px (environ 90px par émission)
Direct	200px

Astuce

Si une barre de défilement apparaît dans l’embed, augmentez la hauteur de l’iframe ; s’il reste un espace vide en dessous, réduisez-la ou diminuez count.

Intégrer du contenu dans une actualité EnaCast

Dans une actualité, aucune iframe n’est nécessaire : l’éditeur de texte a des boutons pour insérer un épisode ou une section d’épisode, une vidéo YouTube, une publication X, un PDF ou un graphique interactif (Contenu interactif).

Conseils

• Testez l’embed sur une page de test avant de le publier.
• Si un épisode, une section ou une personne n’existe plus, l’embed affiche un bref « Not found » à la place du contenu.
• Si l’embed ne s’affiche pas, vérifiez que votre site autorise les iframes d’un autre domaine (certains gestionnaires de contenu les bloquent par défaut).

---

Pour toute question, contactez le support technique à support@enacast.com