Saltar al contingut

Codis d'inserció (embeds)

EnaCast genera codis d’inserció (embeds): un <iframe> que enganxes en qualsevol altre web (la de l’ajuntament, un blog, el web d’un col·laborador) per mostrar contingut de la teva emissora i escoltar-lo allà mateix, sense sortir d’aquella pàgina.

La manera més ràpida és copiar-lo des del web de la teva emissora. En aquestes pàgines, el menú Compartir té l’opció Copiar embed, que mostra el codi a punt per enganxar:

OnQuè insereix
Pàgina d’un programaLa llista d’episodis del programa
Pàgina d’un episodiEl reproductor de l’episodi
Cada secció d’un episodi (llista de seccions)El reproductor només d’aquella secció
Pàgina d’una secció habitualLes últimes emissions de la secció
Pàgina d’una personaLes últimes emissions de totes les seves seccions

La resta d’embeds (notícies, graella, últims episodis, directe) no tenen botó: escriu l’adreça tal com s’explica a sota.

Totes les adreces comencen pel domini del web de la teva emissora seguit de /embeds/:

  • amb domini propi: https://www.laradio.cat/embeds/...
  • sense domini propi: https://lateva.enacast.com/embeds/... (on lateva és l’identificador de la teva emissora)

Als exemples d’aquesta guia, canvia eltevodomini.com pel teu. Les adreces sempre acaben en / abans dels paràmetres (.../?count=5).

La llista d’episodis d’un programa, amb reproductor a cadascun i paginació.

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

PROGRAMA és l’identificador del programa, el que surt a la seva adreça (/podcasts/PROGRAMA/). Paràmetres propis: count (d’1 a 50, 10 per defecte), page, i images, date, duration, description, header i pagination, que s’amaguen amb =false.

Una targeta amb el reproductor d’un episodi.

<iframe
src="https://eltevodomini.com/embeds/podcast/PROGRAMA/EPISODI/"
width="100%"
height="400"
frameborder="0">
</iframe>

EPISODI és el final de l’adreça de l’episodi (/podcasts/PROGRAMA/EPISODI/). Paràmetres propis: autoplay=true, i description, duration i date, que s’amaguen amb =false.

El reproductor de l’episodi amb la llista de les seves seccions: en prémer-ne una, l’àudio salta a aquell punt.

<iframe
src="https://eltevodomini.com/embeds/podcast/PROGRAMA/EPISODI/markers/"
width="100%"
height="500"
frameborder="0">
</iframe>

Es poden amagar images, description i timestamps amb =false.

Només un fragment de l’episodi: comença on comença la secció i s’atura on acaba. Ideal per compartir una entrevista o un tema concret.

<iframe
src="https://eltevodomini.com/embeds/podcast/PROGRAMA/EPISODI/markers/SECCIO/"
width="100%"
height="280"
frameborder="0">
</iframe>

Copia el codi des de la secció, a la llista de seccions de l’episodi. Paràmetres propis: autoplay=true i description=false.

Les últimes emissions d’una secció habitual en una llista: cadascuna sona només en el seu fragment de l’episodi, i Reprodueix-les totes les encadena.

<iframe
src="https://eltevodomini.com/embeds/sections/PROGRAMA/SECCIO/?count=5"
width="100%"
height="520"
frameborder="0">
</iframe>

count és el nombre d’emissions (d’1 a 20, 10 per defecte).

Les últimes emissions de totes les seccions d’una persona juntes, de la més recent a la més antiga, cadascuna amb el nom de la seva secció. Útil per al web o el blog d’un col·laborador.

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

PERSONA és el final de l’adreça de la seva pàgina (/people/PERSONA/). count d’1 a 20, 10 per defecte.

Els últims episodis publicats de tots els programes, o d’un de sol:

<!-- Tots els programes -->
<iframe
src="https://eltevodomini.com/embeds/podcasts/episodes/?count=5"
width="100%"
height="500"
frameborder="0">
</iframe>
<!-- Un programa -->
<iframe
src="https://eltevodomini.com/embeds/podcasts/episodes/PROGRAMA/?count=5"
width="100%"
height="500"
frameborder="0">
</iframe>

count d’1 a 20 (5 per defecte); images, date, duration i description s’amaguen amb =false.

Les últimes notícies publicades, totes o les d’una etiqueta:

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

Per a una etiqueta, afegeix tag=ETIQUETA (.../embeds/news/?tag=cultura&count=5). count d’1 a 20 (5 per defecte); images i date s’amaguen amb =false.

La programació d’un dia, amb el programa que sona ara destacat i botons per anar al dia anterior i al següent.

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

Per defecte mostra avui. Paràmetres propis: day (0 = diumenge … 6 = dissabte), week i year; description i badges (les etiquetes d’estat, com la del programa en directe) s’amaguen amb =false.

Un reproductor compacte de l’emissió en directe, amb el logo i el nom de l’emissora.

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

Tots els embeds accepten aquests paràmetres al final de l’adreça (?theme=dark&background=transparent):

ParàmetreValorsQuè fa
themeauto (per defecte), light, darkColors clars o foscos; auto segueix la preferència del dispositiu
backgroundauto (per defecte), light, dark, transparentEl fons; transparent deixa veure el del teu web
targetblank (per defecte), selfEls enllaços s’obren en una pestanya nova, o a la mateixa pàgina amb self

Els embeds fan servir automàticament el color principal de la teva emissora.

Fes servir sempre width="100%": l’embed s’adapta a l’amplada on el posis, també al mòbil. L’alçada no s’ajusta sola; aquestes són les recomanades:

EmbedAlçada recomanada
Episodis d’un programa600px (10 episodis)
Un episodi400px
Les seccions d’un episodi500px
Una secció d’un episodi280px
Secció habitual o persona520px (5 emissions)
Últims episodis500px (5 episodis)
Notícies460px (5 notícies; uns 75px per notícia)
Graella750px (uns 90px per programa)
Directe200px

Inserir contingut dins d’una notícia d’EnaCast

Section titled “Inserir contingut dins d’una notícia d’EnaCast”

Dins d’una notícia no cal cap iframe: l’editor de text té botons per inserir un episodi o una secció d’un episodi, un vídeo de YouTube, una publicació d’X, un PDF o un gràfic interactiu (Contingut interactiu).

  • Prova l’embed en una pàgina de proves abans de publicar-lo.
  • Si un episodi, una secció o una persona ja no existeix, l’embed mostra un breu «Not found» en lloc del contingut.
  • Si l’embed no es veu, comprova que el teu web permet carregar iframes d’un altre domini (alguns gestors de continguts els bloquegen per defecte).

Si tens dubtes, pots contactar amb el suport tècnic a support@enacast.com