Créer et configurer un portail en iframe (avancé)

Pour une configuration encore plus avancée, merci de contacter le support qui vous expliquera la marche à suivre.

Une fois que vous avez reçu l'url de votre portail (dans l'exemple ci-dessous ce sera https://domain.momindum.com/fr/portal/video), vous pouvez l'intégrer dans n'importe quelle page acceptant d'intégrer des iframes ainsi que du javascript et css. L'avantage de passer par cette intégration (et non pas une iframe basique) est que nous vous permettons de rajouter différentes fonctionnalités au portail, que nous détaillons dans "paramétrage"

Code d'intégration

CSS

<style type="text/css">
iframe#momindum_portal {
   width:100%;
   height: 100%;
   overflow: auto;
   border:0;
}
</style>

Javascript + HTML

<iframe src="" id="momindum_portal" webkitallowfullscreen mozallowfullscreen allowfullscreen msallowfullscreen></iframe>
<script type="text/javascript">
   MOMINDUM_PORTAL_URL = 'https://domain.momindum.com/fr/portal/video';
   MOMINDUM_IFRAME_HTML_ID = 'momindum_portal';
   MOMINDUM_ADAPT_IFRAME = true;
   MOMINDUM_ALLOW_SHARE = true;
   MOMINDUM_SHARING_URL = window.location.href;
   MOMINDUM_DYNAMIC_SHARING_URL = true;
   MOMINDUM_CHECK_3RDPARTY_COOKIE = true;
   MOMINDUM_SHOW_LOADING_IMAGE_DURING_FIRST_LOAD = true;
   MOMINDUM_UNLOAD_EVENT = "beforeunload"
 
   MOMINDUM_DOMAIN_URL = 'https://domain.momindum.com/';
   MOMINDUM_JS_BASE_URL = MOMINDUM_DOMAIN_URL + 'bundles/portal/js/';
   MOMINDUM_CSS_BASE_URL = MOMINDUM_DOMAIN_URL + 'bundles/portal/css/';
</script>
<script src="https://domain.momindum.com/bundles/portal/js/iframe.js"></script>

N'oubliez pas de remplacer "domain.momindum.com" par le domaine transmis par Momindum et "domain.momindum.com/fr/portal/video" par l'url du portail transmis par Momindum !

Paramétrage

Variable	Type	Défaut	Commentaire
MOMINDUM_PORTAL_URL*	string		Url du portail (par exemple "domaine.momindum.com"
MOMINDUM_IFRAME_HTML_ID*	string		id (HTML) de l'élément <iframe>
MOMINDUM_ALLOW_SHARE	bool	false	Permet-on le partage (via le bouton partage en haut à droite des vidéos). Une modification de ce paramètre nécessite de vider les cookies.
MOMINDUM_SHARING_URL	string	window.location.href	Url de base du partage (si on veut afficher le bouton de partage dans les vidéos). Nous vous conseillons de mettre la valeur sur window.location.href afin de partager une url se basant sur l'url de la page contenant l'iframe
MOMINDUM_DYNAMIC_SHARING_URL	bool	true	Doit-on ajouter une hashtag dans la page contenant l'iframe ? (cela donnera une url de la forme https://www.momindum.com/fr/momindum-tv#/fr/portal/video/categories )
MOMINDUM_CHECK_3RDPARTY_COOKIE	bool	false	Doit-on vérifier si les cookies tiers sont autorisés ? (utile si vous avez une sécurité restrictive sur ces cookies). S'ils ne le sont pas, l'utilisateur devra cliquer sur le bouton qui apparaîtra pour les autoriser temporairement sur Momindum.
MOMINDUM_ADAPT_IFRAME	bool	false	Doit-on adapter automatiquement la taille de l'iframe en hauteur (la taille de la page mère changera donc dynamiquement)
MOMINDUM_SHOW_LOADING_IMAGE _DURING_FIRST_LOAD	bool	true	Doit-on afficher une image de chargement durant le premier chargement ? Si le portail demande à se connecter en SSO, ce dernier peut être caché par cette image de chargement, il faudra donc mettre ce paramètre à false
MOMINDUM_JS_BASE_URL	string		Chemin pour charger les JS (usage avancé)
MOMINDUM_CSS_BASE_URL	string		Chemin pour charger les CSS (usage avancé)
MOMINDUM_UNLOAD_EVENT	string	beforeunload	Evènement à écouter pour détecter le changement de page (usage avancé)

* : obligatoire