DerniÚre mise à jour le 5 décembre 2024
Cette documentation technique recense lâensemble des outils externes intĂ©grables sur Didask.
Récapitulatif des domaines autorisés :
Outils dâanalyse & suivi :
https://*.google-analytics.com
Plateformes de crĂ©ation & dâĂ©dition de contenus visuels :
https://*.canva.com
https://*.vecteezy.com
https://*.typekit.net
https://use.typekit.net
https://www.powtoon.com
https://*.ckeditor.com
https://*.genial.ly
https://*.genially.com
https://padlet.com
https://heyzine.com
https://*.thinglink.com
https://*.microsoftonline.com
https://*.office.com
https://*.slideshare.net
Vidéos & médias :
https://*.dailymotion.com
https://*.vimeo.com
https://*.vimeocdn.com
https://*.youtube.com
https://*.youtube-nocookie.com
https://player.vimeo.com
https://fast.wistia.net
https://w.soundcloud.com
https://podcasts.apple.com
https://open.spotify.com
https://player.ausha.co
https://www.tf1.fr
https://*.loom.com
https://*.spotify.com
https://vocaroo.com
https://*.synthesia.io
https://tube.futuretic.fr
Réseaux sociaux, communautés et outils de communication :
https://*.circle.so
https://*.reddit.com
Outils interactifs, quiz & formulaires :
https://*.typeform.com
https://*.mentimeter.com
https://*.surveymonkey.com
https://*.tally.so
https://framaforms.org
https://kahoot.it
https://quizizz.com
https://learningapps.org
https://*.h5p.com
https://*.hihaho.com
https://player.hihaho.com
https://*.limesurvey.org
Banques dâimages et hĂ©bergement de mĂ©dias :
https://images.pexels.com
https://media.licdn.com
https://*.giphy.com
https://*.freepik.com
đĄ Des banques dâimages sont dĂ©jĂ intĂ©grĂ©es sur votre plateforme Didask.
Services reliĂ©s Ă lâĂ©dition (Font) :
https://p.typekit.net
https://fonts.adobe.com/?ref=tk.com
Divers :
https://*.apple.com
https://*.floabank.fr
https://*.gouv.fr
https://*.google.com
Comment faire ?
1. Via lâintĂ©gration dâiframe :
Pour insérer un iframe dans le mode Libre, nous vous recommandons d'utiliser un code qui ne comporte pas de balise <script> car celle-ci n'est supportée par notre plateforme.
Ainsi, votre code iframe devrait ĂȘtre similaire Ă celui-ci (selon le type d'outil utilisĂ©, le lien suivant le https: sera diffĂ©rent) :
<iframe src="https://yourname.typeform.com/to/yourform"
width="100%"
height="500"
frameborder="0"
allow="camera; microphone; autoplay; encrypted-media;"
style="border: none;">
</iframe>
Une fois que vous disposerez de ce code, vous pourrez tout simplement l'intégrer en HTML dans le mode libre :
Si vous disposez uniquement d'un lien d'intégration, sachez que vous pouvez utiliser l'outil iframe-generator, copier votre lien et éditer votre iframe en quelques clics.
â ïž Les balises <script> ne sont pas acceptĂ©es :
đŠ DĂ©couvrez en vidĂ©o :
2. Via lâintĂ©gration de liens mĂ©dias :
Si vous disposez dâun lien de partage, vous avez Ă©galement la possibilitĂ© de lâajouter depuis le mode libre en cliquant sur âinsĂ©rer un lien mĂ©diaâ :
đŠ DĂ©couvrez en vidĂ©o :
âš Astuce pour un affichage optimal :
Pour que votre contenu (comme une image dans un formulaire) s'affiche correctement sans ĂȘtre coupĂ©, il est important de :
vérifier la configuration de largeur dans votre outil d'origine
L'idĂ©al est de s'assurer que votre contenu est rĂ©glĂ© pour s'ajuster automatiquement Ă la largeur de la fenĂȘtre. Cela permet Ă votre contenu de s'adapter parfaitement Ă diffĂ©rents Ă©crans, assurant une visibilitĂ© optimale pour tous les utilisateurs.
Ressources complémentaires
Mots clés : contenus externes, loom, genially, padlet, typeform, google form, thinglink, 360 player, vyoung, powtoon, jotform, crowdsignal, embed
Des questions supplĂ©mentaires ? NâhĂ©sitez pas Ă nous contacter Ă [email protected]. Notre Ă©quipe est Ă votre disposition pour vous aider et vous accompagner dans vos projets ! đŹ
â