Iframe - les blogs France Bleu

francebleu.fr
Iframe
Création de l’iframe
Pour créer une iFrame, aller dans l’onglet « Contenus liés » du tableau de bord, puis dans le bloc « Iframe RF »
Titre et service
Remplir le champ Titre et choisir le Service souhaité parmi ceux proposés dans le menu déroulant Clés de service
Suivant le type de service choisi, la clé de service à insérer ne sera pas la même.
> Timeline JS : dans l’URL de la timeline, copier le code situé entre “?key=” et “&output=”
ex. : insérer les caractères ”0AoGRO6-R2Zy7dFh3dTNGZnc2cjhDeEpSY2ZSOEVXc3c” pour ajouter la timeline :
https://docs.google.com/spreadsheet/pub?key=0AoGRO6-R2Zy7dFh3dTNGZnc2cjhDeEpSY2ZSOEVXc3c&output=html
> Digibonus : insérer les chiffres de l’URL du jeu Digibonus dans le champ Clé de service
ex. : insérer les chiffres 9504 dans le champ Clé de service pour ajouter l’iFrame Digibonus : http://production.digibonus.com/
publish/9504/index.html
> Storify : copier la partie de l’URL située après “http://storify.com/”
ex. : insérer l’URL “francebleu/un-exemple-de-storify” pour afficher le Storify : http://storify.com/francebleu/un-exemple-de-storify
Pôle web France Bleu octobre 2013
retrouvez toutes les fiches pratiques sur notre blog : http://leblogduweb.blog.francebleu.fr/
> Thinglink : les champs Clé de service et Corps sont à renseigner.
1. Insérer les chiffres de l’URL de votre Thinglink dans le champ Clé de service
ex. : insérer le code ”449933652206288896” pour ajouter le Thinglink : www.thinglink.com/card/449933652206288896
2. Coller le code de partage de votre projet fourni sur thinglink.com (Bouton “Share” > encart “Incorporer”)
dans le champ Corps de votre iframe
Remarque : le code “Incorporer” est de la forme “<img style=”max-width:100%” src=”//cdn.thinglink.me/api/image/... /><script
async charset=”utf-8” src=”//cdn.thinglink.me/jse/embed.js”></script>”
> Scribblelive
> Djehouti
> Gallica
Dimensions
La largeur de l’iFrame varie suivant le type de contenu dans lequel on veut l’insérer.
Impérativement définir :
> 623 px de largeur pour les dossiers
> 462 px de largeur pour tous les autres contenus (article, diffusion, événement, etc.)
Le champ Corps est facultatif.
Insérer l’iframe dans un contenu
Pour insérer l’iFrame dans une page (article, dossier, diffusion, etc.) passer par l’éditeur de texte de votre formulaire
de création de contenu :
Pôle web France Bleu octobre 2013
retrouvez toutes les fiches pratiques sur notre blog : http://leblogduweb.blog.francebleu.fr/
Une fenêtre s’ouvre proposant tous les iFrames déjà créés :
Sélectionner l’iFrame en cliquant sur « Insert iFrame »
Un indicateur apparaît dans l’éditeur, confirmant que l’iFrame a bien été inséré.
Pôle web France Bleu octobre 2013
retrouvez toutes les fiches pratiques sur notre blog : http://leblogduweb.blog.francebleu.fr/