Intégrer Google Maps, YouTube et les réseaux sociaux dans Kopage

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éos YouTube et des liens vers les réseaux sociaux.

De tels contenus peuvent enrichir utilement un site web : une carte aide les visiteurs à s'orienter pour venir, une vidéo peut présenter clairement un produit ou une entreprise, et des liens vers les réseaux sociaux mènent vers vos autres canaux en ligne.

Dans ce guide, nous vous montrons quand de telles intégrations sont utiles, comment les utiliser fondamentalement dans Kopage et à quoi vous devez faire attention en particulier en matière d'affichage, de protection des données et de services externes.

En bref : Google Maps, YouTube et les réseaux sociaux sont des services externes. Kopage met à disposition des fonctionnalités permettant d'intégrer de tels contenus ou liens dans votre site web. Cependant, le service externe proprement dit n'est pas exploité par Kopage ou CURIAWEB.

Intégrer du contenu externe dans Kopage #

Tout le contenu d'un site web ne doit pas nécessairement être créé directement dans Kopage.

Pour certaines tâches, vous pouvez intégrer des services externes ou y inclure des liens.

Des exemples typiques sont :

Afficher l'emplacement
→ Google Maps

Afficher la vidéo
→ YouTube

Lier la présence sur les réseaux sociaux
→ Réseaux sociaux

Tu devrais utiliser ce genre de fonctionnalités de manière ciblée. Ce n'est pas parce qu'un service externe peut être intégré qu'il est automatiquement nécessaire sur chaque page.

Utiliser Google Maps dans Kopage #

Une carte est particulièrement utile lorsque des visiteurs doivent trouver un emplacement physique.

Cela peut être par exemple un magasin, un restaurant, un bureau, un local associatif, un cabinet ou un lieu de réception.

Grâce à la fonction de carte correspondante, vous pouvez intégrer une vue Google Maps dans votre site Web Kopage.

Une utilisation typique est la page de contact :

Nom de l'entreprise
Adresse
Téléphone
E-mail
Horaires d'ouverture

[Carte Google Maps]

Cela donne au visiteur à la fois les coordonnées écrites et une orientation visuelle.

Ajouter Google Maps à une page #

Ouvrez dans l'éditeur Kopage la page sur laquelle la carte doit apparaître.

Sélectionnez-y la fonction Google Maps ou la fonction de carte correspondante et insérez-la à l'emplacement souhaité.

Ensuite, tu définis l'emplacement ou les informations d'emplacement nécessaires à l'affichage.

Vérifiez ensuite dans l'affichage réel de la carte si le bon lieu est affiché.

Important : Ne te fie pas exclusivement au fait qu'une adresse saisie mène automatiquement au bon point sur la carte. Vérifie la carte finale, en particulier s'il existe des noms de rues ou de lieux similaires.

Quelle adresse dois-je utiliser pour Google Maps ? #

Utilisez l'adresse du site que les visiteurs doivent réellement trouver.

Une indication complète est généralement plus utile qu'un simple nom d'entreprise.

Par exemple :

Musterfirma AG
Musterstrasse 10
7000 Coire
Suisse

Vérifiez également si l'adresse est correctement trouvée sur le service de cartographie standard.

Combiner la carte et l'adresse écrite #

Une carte ne devrait pas remplacer complètement l'adresse postale habituelle.

Écrivez également l'adresse sous forme de texte normal sur le site web.

Cela permet aux visiteurs de lire, de copier ou d'utiliser autrement l'adresse même si la carte externe ne se charge pas.

Conseil pratique : Affichez toujours les informations importantes telles que l'adresse, le numéro de téléphone ou les horaires d'ouverture également sous forme de contenu de site web normal et pas exclusivement dans un contenu intégré externe.

Google Maps sur la page de contact #

La page de contact est l'emplacement le plus fréquent pour une carte de localisation.

Là, vous pouvez combiner la carte avec d'autres informations, par exemple :

• Adresse,
• Numéro de téléphone,
• Adresse e-mail,
• Horaires d'ouverture,
• Formulaire de contact,
• et des indications sur l'itinéraire.

Nous vous expliquons comment créer un formulaire sous Créer des formulaires et des formulaires de contact avec Kopage.

Vérifier Google Maps sur le smartphone #

Une carte intégrée doit également être affichée de manière judicieuse sur les plus petits écrans.

Vérifiez en particulier si la carte ne dépasse pas de la zone de contenu disponible et si les autres contenus de la page de contact restent bien lisibles et utilisables.

Testez également le site sur smartphone, car les informations de localisation sont souvent consultées en déplacement.

Respecter la protection des données avec Google Maps #

Une carte intégrée est un service externe. Lors du chargement de tels contenus, des données peuvent techniquement être échangées entre le navigateur du visiteur et le fournisseur externe.

Le fait de savoir si une intégration directe doit être utilisée et à quelles conditions dépend de la mise en œuvre technique concrète et des exigences de protection des données applicables à ton site web.

Important : La possibilité technique d'intégrer un service externe ne signifie pas automatiquement que toutes les exigences en matière de protection des données sont ainsi remplies. Vérifiez les directives applicables à votre site web et à votre emplacement.

Alternative à la carte directement intégrée #

Si tu ne souhaites pas intégrer directement une carte interactive sur ton site web, tu peux alternativement afficher l'adresse aux visiteurs sous forme de texte normal et, si nécessaire, renvoyer vers un service de cartographie externe.

La solution la plus judicieuse dépend de l'objectif de votre site Web et de la solution de confidentialité que vous avez choisie.

Intégrer des vidéos YouTube dans Kopage #

Les vidéos peuvent transmettre des contenus qu'il est difficile de représenter avec du texte et des images.

Les exemples sont :

• Présentations de produits,
• Instructions,
• Présentations d'entreprises,
• Entretiens,
• Événements,
• ou des présentations.

Kopage prend en charge l'intégration de contenu YouTube, permettant ainsi d'afficher une vidéo au sein de votre site web.

Quand une vidéo YouTube est-elle judicieuse ? #

Une vidéo devrait offrir une véritable valeur ajoutée.

Si un visiteur peut comprendre une information en deux phrases, une vidéo de dix minutes n'est pas nécessairement nécessaire.

Une vidéo est particulièrement adaptée lorsque le mouvement, le son ou une démonstration visuelle permettent de transmettre le sujet mieux qu'un contenu statique.

Conseil pratique : Considérez les vidéos comme un complément à vos contenus. Dans la mesure du possible, les informations importantes ne doivent pas figurer exclusivement dans une vidéo.

Ajouter une vidéo YouTube à une page #

Ouvrez la page souhaitée dans l'éditeur Kopage et insérez la fonction YouTube ou vidéo correspondante à l'emplacement prévu.

Pour l'association de la vidéo, les informations YouTube correspondantes ou l'adresse de la vidéo sont utilisées.

Vérifiez ensuite si la vidéo souhaitée s'affiche effectivement.

Un lien YouTube typique peut par exemple ressembler à ceci :

https://www.youtube.com/watch?v=XXXXXXXXXXX

Vous trouverez l'adresse vidéo spécifique sous chaque vidéo sur YouTube.

Vérifier la disponibilité publique de la vidéo #

Une vidéo intégrée ne peut être affichée correctement que si elle est accessible de manière appropriée sur YouTube.

Si une vidéo est supprimée, bloquée ou si sa disponibilité est modifiée, cela peut également avoir un impact sur son intégration sur ton site web.

Par conséquent, vérifiez occasionnellement sur les pages importantes si les vidéos externes fonctionnent toujours.

Ne pas utiliser trop de vidéos sur une seule page #

Plusieurs vidéos intégrées peuvent encombrer une page et nécessiter des ressources externes supplémentaires.

Si vous souhaitez publier de nombreuses vidéos, il peut être plus judicieux de les répartir thématiquement sur plusieurs pages ou de n'intégrer directement que certaines vidéos sélectionnées.

Le site web ne doit pas se contenter d'être une simple copie de ta chaîne YouTube.

Combiner une vidéo avec du texte #

Expliquez également, dans la mesure du possible dans le contenu principal de la page, de quoi traite une vidéo intégrée.

Au lieu de simplement afficher un lecteur vidéo sans contexte, vous pouvez par exemple ajouter un titre et une courte description.

Ainsi, le visiteur sait dès le départ à quoi s'attendre.

Cela aide également à structurer le contenu de la page de manière plus compréhensible.

Respecter la protection des données sur YouTube #

YouTube est également un service externe. Une intégration directe peut donc poser des problèmes de protection des données.

Selon la mise en œuvre technique, des connexions à des serveurs externes peuvent être établies lors du chargement du contenu intégré.

Prenez cela en compte dans votre solution de protection des données et, le cas échéant, de consentement.

Important : Vérifie les intégrations 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ées.

Connecter les réseaux sociaux au site Web Kopage #

Si ton entreprise ou ton projet est actif sur les réseaux sociaux, tu peux connecter ton site Web à ces profils.

Cela permet par exemple aux visiteurs de passer de votre site web à vos différents profils de réseaux sociaux.

Les réseaux qui vous sont utiles dépendent de là où vous êtes réellement actif.

Ne lier que des profils réellement tenus à jour #

Une icône de réseau social ne devrait pas apparaître sur le site web simplement parce que le réseau en question est connu.

Liez de préférence des profils qui appartiennent réellement à votre entreprise ou projet et qui sont toujours tenus à jour.

Un profil abandonné depuis plusieurs années peut laisser une moins bonne impression aux visiteurs que l'absence totale d'un tel lien.

Configurer correctement les liens des réseaux sociaux #

Pour un lien de réseau social, utilisez l'adresse de votre profil réel et non simplement la page d'accueil du réseau concerné.

Par exemple, une icône Instagram devrait mener directement à votre profil Instagram et non pas simplement à Instagram en général.

Vérifiez chaque lien après la configuration.

Conseil pratique : Ouvrez vous-même chaque icône de réseau social après la configuration. Vous repérerez ainsi immédiatement les fautes de frappe ou les liens vers le mauvais profil.

Où les liens vers les réseaux sociaux devraient-ils apparaître ? #

Les liens vers les réseaux sociaux peuvent être utiles à différents endroits selon le site web.

Ils sont par exemple fréquemment utilisés dans l'en-tête, le pied de page ou la section de contact.

Ils doivent être faciles à trouver, sans pour autant détourner l'attention du contenu principal et des principaux appels à l'action de votre site web.

Le lien de réseau social et le flux intégré ne sont pas la même chose #

Un simple lien vers les réseaux sociaux redirige le visiteur de votre site web vers un profil externe.

En revanche, un flux intégré ou un contenu de réseau social externe charge le contenu du service concerné directement sur votre site web.

C'est une différence importante sur le plan technique et de la protection des données.

Lien de réseau social
→ Le visiteur ouvre un profil externe

Contenu externe intégré
→ Le contenu externe est chargé au sein du site web

Prends en compte cette différence pour décider du type d'intégration que tu souhaites utiliser.

Contenu externe et temps de chargement #

Google Maps, des vidéos et d'autres services intégrés peuvent charger des ressources supplémentaires à partir de serveurs externes.

Si une page contient un très grand nombre de ces intégrations, cela peut affecter le temps de chargement et l'expérience utilisateur.

Utilisez donc le contenu externe de manière ciblée et uniquement là où il offre un réel avantage pour le visiteur.

Contenu externe et affichage adaptatif #

Une carte ou une vidéo doit également s'intégrer correctement dans la page sur les plus petits écrans.

Par conséquent, après l'intégration, vérifiez l'ordinateur de bureau, la tablette et le smartphone.

Porte une attention particulière à la question de savoir si :

la carte est entièrement visible
la vidéo s'intègre dans la zone de contenu
aucun élément ne dépasse sur les côtés
les éléments de commande restent accessibles
le texte à côté des intégrations reste lisible

Vous trouverez de plus amples informations sur Design adaptatif : Optimiser le site web Kopage pour smartphones et tablettes.

Que faire si Google Maps ne s'affiche pas ? #

Vérifiez d'abord si les informations de localisation enregistrées pour la carte sont correctes.

Vérifiez ensuite la page en dehors de l'éditeur dans un navigateur normal.

Si tu utilises une solution de consentement ou de confidentialité sur ton site web, tu devrais également vérifier si le contenu externe n'est éventuellement chargé qu'après une sélection correspondante du visiteur.

Si nécessaire, testez également la page dans une fenêtre de navigation privée.

Que faire si une vidéo YouTube ne fonctionne pas ? #

Vérifie d'abord si la vidéo est directement accessible via YouTube.

Vérifiez ensuite l'adresse vidéo enregistrée et assurez-vous que la vidéo souhaitée a bien été associée.

Si la vidéo n'est plus disponible en externe, Kopage ne pourra plus non plus l'afficher correctement sur votre site web.

Que faire si un lien de réseau social mène au mauvais endroit ? #

Ouvrez le lien concerné et vérifiez l'adresse de profil enregistrée.

Faites particulièrement attention aux fautes de frappe et veillez à utiliser l'adresse complète du bon profil.

Lorsqu'un profil a été renommé ou supprimé, un lien configuré correctement à l'origine peut également cesser de fonctionner par la suite.

Vérifier régulièrement les liens externes #

Les contenus qui se trouvent entièrement sur votre site Web restent sous votre contrôle. En revanche, avec les services externes, des éléments peuvent changer sans que vous n'ayez modifié votre site Web Kopage.

Une vidéo peut être supprimée, un profil de réseau social renommé ou une fonction externe modifiée.

Vérifiez donc de temps en temps les liens externes importants.

Quand devrais-je utiliser mon propre code HTML ? #

Tous les services externes ne disposent pas de leur propre fonction de copie préintégrée.

Certaines intégrations peuvent nécessiter un code d'intégration personnalisé. Kopage offre des possibilités d'utiliser son propre HTML, CSS et JavaScript.

Cependant, si une fonction Kopage existante remplit le même objectif, vous devez d'abord l'utiliser pour les applications normales.

Attention : Ne copiez pas aveuglément du code d'intégration ou du code JavaScript provenant d'Internet sur votre site Web. Du code externe peut affecter les fonctionnalités, la protection des données, la sécurité et l'apparence de votre site Web.

Nous traitons l'utilisation de notre propre code séparément sous Utiliser son propre code HTML, CSS et JavaScript dans Kopage.

Vérification avant publication #

Si vous avez intégré Google Maps, YouTube ou des médias sociaux, vous devez ensuite tester complètement la page concernée.

Bon emplacement dans Google Maps ?
        ↓
Adresse également disponible sous forme de texte ?
        ↓
Bonne vidéo YouTube intégrée ?
        ↓
Vidéo réellement disponible ?
        ↓
Liens vers les réseaux sociaux corrects ?
        ↓
Contenus externes réellement nécessaires ?
        ↓
Protection des données prise en compte ?
        ↓
Affichage sur smartphone vérifié ?
        ↓
Page testée dans un navigateur normal ?

Quelle est la suite ? #

En plus des cartes, des vidéos et des réseaux sociaux, Kopage propose d'autres fonctionnalités pour les contenus dynamiques.

L'un d'eux est le blog. Il vous permet de publier régulièrement de nouveaux articles, des actualités ou d'autres contenus récents sur votre site web.

C'est pourquoi nous continuons avec Créer et gérer un blog et des actualités avec Kopage.

Résumé #

Avec le créateur de sites web classique de Kopage, vous pouvez notamment intégrer Google Maps, YouTube et des liens vers les réseaux sociaux dans votre site web.

Google Maps convient particulièrement à la représentation d'un emplacement physique. YouTube peut compléter des contenus qui s'expliquent mieux visuellement. Les liens vers les réseaux sociaux conduisent les visiteurs vers vos autres canaux en ligne.

Utilisez des services externes de manière ciblée et contrôlez régulièrement si les contenus et liens intégrés fonctionnent toujours.

Veuillez également noter que les intégrations externes peuvent avoir un impact sur la protection des données, le temps de chargement et le fonctionnement technique d'une page.

Une intégration externe est pertinente si elle offre une valeur ajoutée concrète au visiteur, et non pas simplement parce qu'elle est techniquement possible.