{"id":22834,"date":"2026-08-29T10:19:12","date_gmt":"2026-08-29T08:19:12","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22834"},"modified":"2026-08-29T10:19:13","modified_gmt":"2026-08-29T08:19:13","password":"","slug":"kopage-cartes-youtube-reseaux-sociaux","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/fr\/hilfe\/website-baukasten\/kopage-maps-youtube-social-media\/","title":{"rendered":"Int\u00e9grer Google Maps, YouTube et les r\u00e9seaux sociaux dans Kopage"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Avec le constructeur de sites Web classique de Kopage, vous pouvez enrichir votre site avec des contenus et des services externes. Cela inclut, entre autres, des cartes de localisation avec Google Maps, des vid\u00e9os YouTube et des liens vers les r\u00e9seaux sociaux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De tels contenus peuvent enrichir utilement un site web : une carte aide les visiteurs \u00e0 s'orienter pour venir, une vid\u00e9o peut pr\u00e9senter clairement un produit ou une entreprise, et des liens vers les r\u00e9seaux sociaux m\u00e8nent vers vos autres canaux en ligne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ce guide, nous vous montrons quand de telles int\u00e9grations sont utiles, comment les utiliser fondamentalement dans Kopage et \u00e0 quoi vous devez faire attention en particulier en mati\u00e8re d'affichage, de protection des donn\u00e9es et de services externes.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Google Maps, YouTube et les r\u00e9seaux sociaux sont des services externes. Kopage met \u00e0 disposition des fonctionnalit\u00e9s permettant d'int\u00e9grer de tels contenus ou liens dans votre site web. Cependant, le service externe proprement dit n'est pas exploit\u00e9 par Kopage ou CURIAWEB.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9grer du contenu externe dans Kopage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tout le contenu d'un site web ne doit pas n\u00e9cessairement \u00eatre cr\u00e9\u00e9 directement dans Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour certaines t\u00e2ches, vous pouvez int\u00e9grer des services externes ou y inclure des liens.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Des exemples typiques sont :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Afficher l'emplacement\n\u2192 Google Maps\n\nAfficher la vid\u00e9o\n\u2192 YouTube\n\nLier la pr\u00e9sence sur les r\u00e9seaux sociaux\n\u2192 R\u00e9seaux sociaux<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Tu devrais utiliser ce genre de fonctionnalit\u00e9s de mani\u00e8re cibl\u00e9e. Ce n'est pas parce qu'un service externe peut \u00eatre int\u00e9gr\u00e9 qu'il est automatiquement n\u00e9cessaire sur chaque page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utiliser Google Maps dans Kopage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une carte est particuli\u00e8rement utile lorsque des visiteurs doivent trouver un emplacement physique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela peut \u00eatre par exemple un magasin, un restaurant, un bureau, un local associatif, un cabinet ou un lieu de r\u00e9ception.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 la fonction de carte correspondante, vous pouvez int\u00e9grer une vue Google Maps dans votre site Web Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une utilisation typique est la page de contact :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Firmenname\nAdresse\nTelefon\nE-Mail\n\u00d6ffnungszeiten\n\n&#91;Google Maps Karte]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cela donne au visiteur \u00e0 la fois les coordonn\u00e9es \u00e9crites et une orientation visuelle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ajouter Google Maps \u00e0 une page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrez dans l'\u00e9diteur Kopage la page sur laquelle la carte doit appara\u00eetre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e9lectionnez-y la fonction Google Maps ou la fonction de carte correspondante et ins\u00e9rez-la \u00e0 l'emplacement souhait\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ensuite, tu d\u00e9finis l'emplacement ou les informations d'emplacement n\u00e9cessaires \u00e0 l'affichage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez ensuite dans l'affichage r\u00e9el de la carte si le bon lieu est affich\u00e9.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Ne te fie pas exclusivement au fait qu'une adresse saisie m\u00e8ne automatiquement au bon point sur la carte. V\u00e9rifie la carte finale, en particulier s'il existe des noms de rues ou de lieux similaires.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Quelle adresse dois-je utiliser pour Google Maps ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Utilisez l'adresse du site que les visiteurs doivent r\u00e9ellement trouver.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une indication compl\u00e8te est g\u00e9n\u00e9ralement plus utile qu'un simple nom d'entreprise.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Musterfirma AG\nMusterstrasse 10\n7000 Coire\nSuisse<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez \u00e9galement si l'adresse est correctement trouv\u00e9e sur le service de cartographie standard.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Combiner la carte et l'adresse \u00e9crite<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une carte ne devrait pas remplacer compl\u00e8tement l'adresse postale habituelle.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9crivez \u00e9galement l'adresse sous forme de texte normal sur le site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela permet aux visiteurs de lire, de copier ou d'utiliser autrement l'adresse m\u00eame si la carte externe ne se charge pas.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Affichez toujours les informations importantes telles que l'adresse, le num\u00e9ro de t\u00e9l\u00e9phone ou les horaires d'ouverture \u00e9galement sous forme de contenu de site web normal et pas exclusivement dans un contenu int\u00e9gr\u00e9 externe.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Google Maps sur la page de contact<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La page de contact est l'emplacement le plus fr\u00e9quent pour une carte de localisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u00e0, vous pouvez combiner la carte avec d'autres informations, par exemple :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Adresse,<\/li>\n\n\n\n<li>Num\u00e9ro de t\u00e9l\u00e9phone,<\/li>\n\n\n\n<li>Adresse e-mail,<\/li>\n\n\n\n<li>Horaires d'ouverture,<\/li>\n\n\n\n<li>Formulaire de contact,<\/li>\n\n\n\n<li>et des indications sur l'itin\u00e9raire.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nous vous expliquons comment cr\u00e9er un formulaire sous <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-formulare-erstellen\/\">Cr\u00e9er des formulaires et des formulaires de contact avec Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00e9rifier Google Maps sur le smartphone<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une carte int\u00e9gr\u00e9e doit \u00e9galement \u00eatre affich\u00e9e de mani\u00e8re judicieuse sur les plus petits \u00e9crans.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez en particulier si la carte ne d\u00e9passe pas de la zone de contenu disponible et si les autres contenus de la page de contact restent bien lisibles et utilisables.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testez \u00e9galement le site sur smartphone, car les informations de localisation sont souvent consult\u00e9es en d\u00e9placement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Respecter la protection des donn\u00e9es avec Google Maps<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une carte int\u00e9gr\u00e9e est un service externe. Lors du chargement de tels contenus, des donn\u00e9es peuvent techniquement \u00eatre \u00e9chang\u00e9es entre le navigateur du visiteur et le fournisseur externe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le fait de savoir si une int\u00e9gration directe doit \u00eatre utilis\u00e9e et \u00e0 quelles conditions d\u00e9pend de la mise en \u0153uvre technique concr\u00e8te et des exigences de protection des donn\u00e9es applicables \u00e0 ton site web.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> La possibilit\u00e9 technique d'int\u00e9grer un service externe ne signifie pas automatiquement que toutes les exigences en mati\u00e8re de protection des donn\u00e9es sont ainsi remplies. V\u00e9rifiez les directives applicables \u00e0 votre site web et \u00e0 votre emplacement.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Alternative \u00e0 la carte directement int\u00e9gr\u00e9e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu ne souhaites pas int\u00e9grer directement une carte interactive sur ton site web, tu peux alternativement afficher l'adresse aux visiteurs sous forme de texte normal et, si n\u00e9cessaire, renvoyer vers un service de cartographie externe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La solution la plus judicieuse d\u00e9pend de l'objectif de votre site Web et de la solution de confidentialit\u00e9 que vous avez choisie.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9grer des vid\u00e9os YouTube dans Kopage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les vid\u00e9os peuvent transmettre des contenus qu'il est difficile de repr\u00e9senter avec du texte et des images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les exemples sont :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pr\u00e9sentations de produits,<\/li>\n\n\n\n<li>Instructions,<\/li>\n\n\n\n<li>Pr\u00e9sentations d'entreprises,<\/li>\n\n\n\n<li>Entretiens,<\/li>\n\n\n\n<li>\u00c9v\u00e9nements,<\/li>\n\n\n\n<li>ou des pr\u00e9sentations.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Kopage prend en charge l'int\u00e9gration de contenu YouTube, permettant ainsi d'afficher une vid\u00e9o au sein de votre site web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quand une vid\u00e9o YouTube est-elle judicieuse ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une vid\u00e9o devrait offrir une v\u00e9ritable valeur ajout\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si un visiteur peut comprendre une information en deux phrases, une vid\u00e9o de dix minutes n'est pas n\u00e9cessairement n\u00e9cessaire.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une vid\u00e9o est particuli\u00e8rement adapt\u00e9e lorsque le mouvement, le son ou une d\u00e9monstration visuelle permettent de transmettre le sujet mieux qu'un contenu statique.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Consid\u00e9rez les vid\u00e9os comme un compl\u00e9ment \u00e0 vos contenus. Dans la mesure du possible, les informations importantes ne doivent pas figurer exclusivement dans une vid\u00e9o.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Ajouter une vid\u00e9o YouTube \u00e0 une page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrez la page souhait\u00e9e dans l'\u00e9diteur Kopage et ins\u00e9rez la fonction YouTube ou vid\u00e9o correspondante \u00e0 l'emplacement pr\u00e9vu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour l'association de la vid\u00e9o, les informations YouTube correspondantes ou l'adresse de la vid\u00e9o sont utilis\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez ensuite si la vid\u00e9o souhait\u00e9e s'affiche effectivement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un lien YouTube typique peut par exemple ressembler \u00e0 ceci :<\/p>\n\n\n\n<figure class=\"wp-block-embed is-provider-youtube wp-block-embed-youtube\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=XXXXXXXXXXX\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous trouverez l'adresse vid\u00e9o sp\u00e9cifique sous chaque vid\u00e9o sur YouTube.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00e9rifier la disponibilit\u00e9 publique de la vid\u00e9o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une vid\u00e9o int\u00e9gr\u00e9e ne peut \u00eatre affich\u00e9e correctement que si elle est accessible de mani\u00e8re appropri\u00e9e sur YouTube.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si une vid\u00e9o est supprim\u00e9e, bloqu\u00e9e ou si sa disponibilit\u00e9 est modifi\u00e9e, cela peut \u00e9galement avoir un impact sur son int\u00e9gration sur ton site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par cons\u00e9quent, v\u00e9rifiez occasionnellement sur les pages importantes si les vid\u00e9os externes fonctionnent toujours.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ne pas utiliser trop de vid\u00e9os sur une seule page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Plusieurs vid\u00e9os int\u00e9gr\u00e9es peuvent encombrer une page et n\u00e9cessiter des ressources externes suppl\u00e9mentaires.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez publier de nombreuses vid\u00e9os, il peut \u00eatre plus judicieux de les r\u00e9partir th\u00e9matiquement sur plusieurs pages ou de n'int\u00e9grer directement que certaines vid\u00e9os s\u00e9lectionn\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site web ne doit pas se contenter d&#x27;\u00eatre une simple copie de ta cha\u00eene YouTube.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Combiner une vid\u00e9o avec du texte<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Expliquez \u00e9galement, dans la mesure du possible dans le contenu principal de la page, de quoi traite une vid\u00e9o int\u00e9gr\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au lieu de simplement afficher un lecteur vid\u00e9o sans contexte, vous pouvez par exemple ajouter un titre et une courte description.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ainsi, le visiteur sait d\u00e8s le d\u00e9part \u00e0 quoi s&#x27;attendre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela aide \u00e9galement \u00e0 structurer le contenu de la page de mani\u00e8re plus compr\u00e9hensible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Respecter la protection des donn\u00e9es sur YouTube<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">YouTube est \u00e9galement un service externe. Une int\u00e9gration directe peut donc poser des probl\u00e8mes de protection des donn\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selon la mise en \u0153uvre technique, des connexions \u00e0 des serveurs externes peuvent \u00eatre \u00e9tablies lors du chargement du contenu int\u00e9gr\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prenez cela en compte dans votre solution de protection des donn\u00e9es et, le cas \u00e9ch\u00e9ant, de consentement.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> V\u00e9rifie les int\u00e9grations externes non seulement sur le plan de la conception et de la technique, mais aussi dans le cadre de ta configuration de protection des donn\u00e9es.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Connecter les r\u00e9seaux sociaux au site Web Kopage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si ton entreprise ou ton projet est actif sur les r\u00e9seaux sociaux, tu peux connecter ton site Web \u00e0 ces profils.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela permet par exemple aux visiteurs de passer de votre site web \u00e0 vos diff\u00e9rents profils de r\u00e9seaux sociaux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les r\u00e9seaux qui vous sont utiles d\u00e9pendent de l\u00e0 o\u00f9 vous \u00eates r\u00e9ellement actif.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ne lier que des profils r\u00e9ellement tenus \u00e0 jour<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une ic\u00f4ne de r\u00e9seau social ne devrait pas appara\u00eetre sur le site web simplement parce que le r\u00e9seau en question est connu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Liez de pr\u00e9f\u00e9rence des profils qui appartiennent r\u00e9ellement \u00e0 votre entreprise ou projet et qui sont toujours tenus \u00e0 jour.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un profil abandonn\u00e9 depuis plusieurs ann\u00e9es peut laisser une moins bonne impression aux visiteurs que l'absence totale d'un tel lien.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configurer correctement les liens des r\u00e9seaux sociaux<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour un lien de r\u00e9seau social, utilisez l'adresse de votre profil r\u00e9el et non simplement la page d'accueil du r\u00e9seau concern\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, une ic\u00f4ne Instagram devrait mener directement \u00e0 votre profil Instagram et non pas simplement \u00e0 Instagram en g\u00e9n\u00e9ral.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez chaque lien apr\u00e8s la configuration.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Ouvrez vous-m\u00eame chaque ic\u00f4ne de r\u00e9seau social apr\u00e8s la configuration. Vous rep\u00e9rerez ainsi imm\u00e9diatement les fautes de frappe ou les liens vers le mauvais profil.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">O\u00f9 les liens vers les r\u00e9seaux sociaux devraient-ils appara\u00eetre ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les liens vers les r\u00e9seaux sociaux peuvent \u00eatre utiles \u00e0 diff\u00e9rents endroits selon le site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ils sont par exemple fr\u00e9quemment utilis\u00e9s dans l'en-t\u00eate, le pied de page ou la section de contact.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ils doivent \u00eatre faciles \u00e0 trouver, sans pour autant d\u00e9tourner l'attention du contenu principal et des principaux appels \u00e0 l'action de votre site web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le lien de r\u00e9seau social et le flux int\u00e9gr\u00e9 ne sont pas la m\u00eame chose<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un simple lien vers les r\u00e9seaux sociaux redirige le visiteur de votre site web vers un profil externe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En revanche, un flux int\u00e9gr\u00e9 ou un contenu de r\u00e9seau social externe charge le contenu du service concern\u00e9 directement sur votre site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est une diff\u00e9rence importante sur le plan technique et de la protection des donn\u00e9es.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Lien de r\u00e9seau social\n\u2192 Le visiteur ouvre un profil externe\n\nContenu externe int\u00e9gr\u00e9\n\u2192 Le contenu externe est charg\u00e9 au sein du site web<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Prends en compte cette diff\u00e9rence pour d\u00e9cider du type d'int\u00e9gration que tu souhaites utiliser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Contenu externe et temps de chargement<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google Maps, des vid\u00e9os et d'autres services int\u00e9gr\u00e9s peuvent charger des ressources suppl\u00e9mentaires \u00e0 partir de serveurs externes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si une page contient un tr\u00e8s grand nombre de ces int\u00e9grations, cela peut affecter le temps de chargement et l'exp\u00e9rience utilisateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilisez donc le contenu externe de mani\u00e8re cibl\u00e9e et uniquement l\u00e0 o\u00f9 il offre un r\u00e9el avantage pour le visiteur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Contenu externe et affichage adaptatif<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une carte ou une vid\u00e9o doit \u00e9galement s'int\u00e9grer correctement dans la page sur les plus petits \u00e9crans.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par cons\u00e9quent, apr\u00e8s l'int\u00e9gration, v\u00e9rifiez l'ordinateur de bureau, la tablette et le smartphone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Porte une attention particuli\u00e8re \u00e0 la question de savoir si :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>la carte est enti\u00e8rement visible\nla vid\u00e9o s'int\u00e8gre dans la zone de contenu\naucun \u00e9l\u00e9ment ne d\u00e9passe sur les c\u00f4t\u00e9s\nles \u00e9l\u00e9ments de commande restent accessibles\nle texte \u00e0 c\u00f4t\u00e9 des int\u00e9grations reste lisible<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Vous trouverez de plus amples informations sur <a href=\"\/fr\/aide\/createur-de-site-web\/design-adaptatif-kopage\/\">Design adaptatif : Optimiser le site web Kopage pour smartphones et tablettes<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que faire si Google Maps ne s'affiche pas ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez d'abord si les informations de localisation enregistr\u00e9es pour la carte sont correctes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez ensuite la page en dehors de l'\u00e9diteur dans un navigateur normal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si tu utilises une solution de consentement ou de confidentialit\u00e9 sur ton site web, tu devrais \u00e9galement v\u00e9rifier si le contenu externe n'est \u00e9ventuellement charg\u00e9 qu'apr\u00e8s une s\u00e9lection correspondante du visiteur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si n\u00e9cessaire, testez \u00e9galement la page dans une fen\u00eatre de navigation priv\u00e9e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que faire si une vid\u00e9o YouTube ne fonctionne pas ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifie d'abord si la vid\u00e9o est directement accessible via YouTube.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez ensuite l'adresse vid\u00e9o enregistr\u00e9e et assurez-vous que la vid\u00e9o souhait\u00e9e a bien \u00e9t\u00e9 associ\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si la vid\u00e9o n'est plus disponible en externe, Kopage ne pourra plus non plus l'afficher correctement sur votre site web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que faire si un lien de r\u00e9seau social m\u00e8ne au mauvais endroit ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrez le lien concern\u00e9 et v\u00e9rifiez l'adresse de profil enregistr\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Faites particuli\u00e8rement attention aux fautes de frappe et veillez \u00e0 utiliser l'adresse compl\u00e8te du bon profil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsqu'un profil a \u00e9t\u00e9 renomm\u00e9 ou supprim\u00e9, un lien configur\u00e9 correctement \u00e0 l'origine peut \u00e9galement cesser de fonctionner par la suite.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00e9rifier r\u00e9guli\u00e8rement les liens externes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les contenus qui se trouvent enti\u00e8rement sur votre site Web restent sous votre contr\u00f4le. En revanche, avec les services externes, des \u00e9l\u00e9ments peuvent changer sans que vous n'ayez modifi\u00e9 votre site Web Kopage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une vid\u00e9o peut \u00eatre supprim\u00e9e, un profil de r\u00e9seau social renomm\u00e9 ou une fonction externe modifi\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifiez donc de temps en temps les liens externes importants.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quand devrais-je utiliser mon propre code HTML ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tous les services externes ne disposent pas de leur propre fonction de copie pr\u00e9int\u00e9gr\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Certaines int\u00e9grations peuvent n\u00e9cessiter un code d'int\u00e9gration personnalis\u00e9. Kopage offre des possibilit\u00e9s d'utiliser son propre HTML, CSS et JavaScript.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cependant, si une fonction Kopage existante remplit le m\u00eame objectif, vous devez d'abord l'utiliser pour les applications normales.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Attention :<\/strong> Ne copiez pas aveugl\u00e9ment du code d'int\u00e9gration ou du code JavaScript provenant d'Internet sur votre site Web. Du code externe peut affecter les fonctionnalit\u00e9s, la protection des donn\u00e9es, la s\u00e9curit\u00e9 et l'apparence de votre site Web.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Nous traitons l'utilisation de notre propre code s\u00e9par\u00e9ment sous <a href=\"\/fr\/aide\/createur-de-site-web\/kopage-html-css-javascript\/\">Utiliser son propre code HTML, CSS et JavaScript dans Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00e9rification avant publication<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez int\u00e9gr\u00e9 Google Maps, YouTube ou des m\u00e9dias sociaux, vous devez ensuite tester compl\u00e8tement la page concern\u00e9e.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Bon emplacement dans Google Maps ?\n        \u2193\nAdresse \u00e9galement disponible sous forme de texte ?\n        \u2193\nBonne vid\u00e9o YouTube int\u00e9gr\u00e9e ?\n        \u2193\nVid\u00e9o r\u00e9ellement disponible ?\n        \u2193\nLiens vers les r\u00e9seaux sociaux corrects ?\n        \u2193\nContenus externes r\u00e9ellement n\u00e9cessaires ?\n        \u2193\nProtection des donn\u00e9es prise en compte ?\n        \u2193\nAffichage sur smartphone v\u00e9rifi\u00e9 ?\n        \u2193\nPage test\u00e9e dans un navigateur normal ?<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Quelle est la suite ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En plus des cartes, des vid\u00e9os et des r\u00e9seaux sociaux, Kopage propose d'autres fonctionnalit\u00e9s pour les contenus dynamiques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'un d'eux est le blog. Il vous permet de publier r\u00e9guli\u00e8rement de nouveaux articles, des actualit\u00e9s ou d'autres contenus r\u00e9cents sur votre site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi nous continuons avec <a href=\"\/fr\/aide\/createur-de-site-web\/creer-un-blog-dactualites-kopage\/\">Cr\u00e9er et g\u00e9rer un blog et des actualit\u00e9s avec Kopage<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9sum\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Avec le cr\u00e9ateur de sites web classique de Kopage, vous pouvez notamment int\u00e9grer Google Maps, YouTube et des liens vers les r\u00e9seaux sociaux dans votre site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google Maps convient particuli\u00e8rement \u00e0 la repr\u00e9sentation d'un emplacement physique. YouTube peut compl\u00e9ter des contenus qui s'expliquent mieux visuellement. Les liens vers les r\u00e9seaux sociaux conduisent les visiteurs vers vos autres canaux en ligne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilisez des services externes de mani\u00e8re cibl\u00e9e et contr\u00f4lez r\u00e9guli\u00e8rement si les contenus et liens int\u00e9gr\u00e9s fonctionnent toujours.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Veuillez \u00e9galement noter que les int\u00e9grations externes peuvent avoir un impact sur la protection des donn\u00e9es, le temps de chargement et le fonctionnement technique d'une page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Une int\u00e9gration externe est pertinente si elle offre une valeur ajout\u00e9e concr\u00e8te au visiteur, et non pas simplement parce qu'elle est techniquement possible.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Mit dem klassischen Kopage Website Builder kannst du deine Website um externe Inhalte und Dienste erg\u00e4nzen. Dazu geh\u00f6ren unter anderem Standortkarten mit Google Maps, YouTube-Videos und Verkn\u00fcpfungen zu sozialen Netzwerken. Solche Inhalte k\u00f6nnen eine Website sinnvoll erg\u00e4nzen: Eine Karte hilft Besuchern bei der Anfahrt, ein Video kann ein Produkt oder Unternehmen anschaulich vorstellen und Social-Media-Verkn\u00fcpfungen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-22834","docs","type-docs","status-publish","hentry","doc_category-website-baukasten"],"year_month":"2026-09","word_count":2182,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/fr\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"Website-Baukasten","term_url":"https:\/\/www.curiaweb.ch\/fr\/hilfe-kategorie\/website-baukasten\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22834","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/comments?post=22834"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22834\/revisions"}],"predecessor-version":[{"id":22836,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22834\/revisions\/22836"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/media?parent=22834"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_category?post=22834"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_tag?post=22834"}],"curies":[{"name":"Bien jou\u00e9","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}