Vous essayez d'intégrer en iframe un site externe sur une page personnalisée de votre site AssoConnect. Or, l'outil n'accepte pas le lien que vous tentez d'insérer ou l'iframe ne s'affiche pas. Cet article est fait pour vous.
- Définition d’un iframe
- Tous les sites sont-ils intégrables via un iframe ?
- Principales causes d'erreur
Si vous souhaitez faire l'inverse, à savoir intégrer un élément de votre plateforme AssoConnect sur un site externe, consultez notre article dédié : Intégrer un formulaire AssoConnect sur un site externe à AssoConnect.
Définition d’un iframe
Un iframe est un moyen d’intégrer une page web dans le contenu d’une autre page. Grâce aux iframes, l’utilisateur n’est pas envoyé sur l’autre site et peut naviguer en toute tranquillité sur le vôtre. C’est plus convivial pour lui, et cela participe à la notoriété - et donc à la visibilité - de votre site internet.
Il vous est possible par exemple d'ajouter une carte de Google Map pour indiquer l'adresse de vos locaux ou encore faire connaître son projet associatif via une vidéo YouTube.
Tous les sites sont-ils intégrables via un iframe ?
La réponse est simple : non.
Si vous souhaitez intégrer un site sur une page personnalisée de votre site développé sur AssoConnect, il vous faut donc mener l’enquête.
Pour cela, cherchez l’option “Partager” ou “Intégrer”, cliquez dessus et vérifiez si l’option “embed / code d’intégration” est bien disponible.
Intégration Iframe possible
Prenons comme exemple Google Agenda pour voir si une integration iframe est possible ou non.
Sur votre ordinateur, ouvrez Google Agenda.
Sur la gauche, accédez à la section "Mes agendas". Pour la développer, cliquez sur la flèche vers le bas . Puis, cliquez sur l'icône
à côté de l'agenda que vous souhaitez partager et sélectionnez la rubrique "Paramètres et partage".
Un code d’intégration se trouve bien dans la rubrique "Intégrer l'agenda". Donc, vous avez la possibilité de l’intégrer sur une page personnalisée de votre site AssoConnect.
Nous conseillons cette vidéo pour des explications détaillées sur l'intégration d'un tableau d'Airtable sur AssoConnect.
L'intégration d’un code iframe est possible uniquement dans une page personnalisée (pas dans les modèles de pages).
Pas d’intégration Iframe possible
Cependant, certains sites ont des restrictions quant à la possibilité d’intégrer manuellement leur contenu dans des iframes.
Exemple :
Si nous essayons d’intégrer www.google.fr, ça ne marche pas. Un écran gris s’affiche à la place. Cela signifie que l’intégration n’est pas possible pour ce site.
Principales causes d'erreur
Il est possible qu'à certaines occasions l'iframe ne s'affiche pas sur votre page. En voici quelques raisons.
Le code iframe n'est pas le bon
Il s'agit de la première vérification à effectuer en cas de problème d'affichage ou d'erreur affichée à la saisie. Copiez le code et saisissez-le à nouveau, il peut parfois arriver d'en oublier une partie.
Si cela ne résout pas le problème, passez aux hypothèses suivantes.
Le site AssoConnect n'est pas actif
Tant que votre site internet AssoConnect aura le statut “Site en maintenance”, les contenus intégrés en iframe ne seront visibles qu’aux administrateurs.
Il est nécessaire d'activer votre site AssoConnect, qui gère également ces modes d'affichage. Pour ce faire, rendez-vous sur la page Site internet > Paramétrage et thème et choisissez l'option Site actif dans le menu déroulant.
Un message de type “La page demandée est configurée pour ne pas être affichable dans une iframe sur www.asso.fr seulement sur www.XXXXX.com” s’affiche sur l’écran.
Plusieurs causes techniques sont possibles, parmi lesquelles les bloqueurs de publicités.
Comment faire pour contourner le blocage ?
- Si vous utilisez Safari ou Firefox, il est probable que ce soit lié au navigateur. Connectez-vous sur Chrome pour paramétrer l’iframe sur la page personnalisée ;
- Si vous utilisez un bloqueur de publicité comme Adblock, Adlock etc, il faut les désactiver.
Le contenu ne s'affiche pas (une fois le lien intégré)
Vous parvenez à intégrer votre lien dans votre page personnalisée, mais rien ne s'affiche sur votre page publiée. Là encore, le navigateur ou ses extensions peuvent être responsables de l'échec d'un affichage iframe.
Comment faire pour contourner le blocage ?
- Si vous utilisez d'autres navigateurs que Chrome (comme Safari), il est probable que ce soit lié au navigateur. Connectez-vous sur Chrome pour vérifier que le bloc iframe s'affiche bien sur la page publiée et, dans le cas contraire, paramétrez l’iframe sur la page personnalisée depuis Chrome ;
- Essayez d’afficher votre page en navigation privée, pour vérifier si des extensions installées sur votre navigateur, qui se désactivent en navigation privée, peuvent être en cause.
Si malgré cela, rien ne s'affiche, veuillez contacter notre équipe support en détaillant votre problème et les tests effectués afin que nous puissions vous aider à le résoudre.
Problème de certificat SSL
Vous tentez de mettre un site en iframe, mais vous êtes confronté à cette erreur-là : “L'Url doit débuter par https://”.
Il y a quelques limitations à noter concernant l’URL source,
- si votre site utilise HTTPS, vous ne pouvez intégrer que du contenu provenant d’autres sites HTTPS,
- si vous utilisez HTTP, vous ne pouvez intégrer que des URL qui utilisent également HTTP.
Il ne faut donc pas mélanger du http avec du https car :
- Cela rend le protocole https en vigueur désuet (et nuit donc à la sécurité du site).
- La plupart des navigateurs bloquent ce type de tentative : si vous le faites, certains navigateurs n'afficheront pas le contenu en iframe.
Que faire pour résoudre ce problème ?
Deux solutions :
- Vous n'affichez finalement pas le site que vous souhaitez insérer en iframe ;
-
Vous faites en sorte d'avoir le même protocole en vigueur sur les deux sites.
i.e. Si votre site est en https et que le site que vous souhaitez insérer en iframe est en http, installez un certificat SSL sur le site que vous tentez d'afficher. Pour en savoir plus : consultez l'article suivant.
Pour aller plus loin :
Commentaires
0 commentaire
Cet article n'accepte pas de commentaires.