Intégrer sur un autre site
Montrer une adresse, un événement, un article, une page ou un road trip sur le site d’un partenaire, grâce à un code à lui transmettre.
Un partenaire — un office de tourisme, un hôtel, un festival — veut montrer sur son propre site une publication de Québec le Mag. On lui envoie un code de quelques lignes, qu’il colle dans une de ses pages : la publication y apparaît sous forme de tuile, la même que dans les grilles du site. Un clic sur la tuile ouvre la publication sur Québec le Mag, dans un nouvel onglet.
Ce qui peut s’intégrer
| Type | Intégrable |
|---|---|
| Adresses | Oui |
| Événements | Oui |
| Articles, billets du blog compris | Oui |
| Pages | Oui |
| Road trips | Oui |
| Magazines, podcasts, mini-sites | Non |
À une condition : que la publication soit publiée, et sans mot de passe. Il n’y a rien à activer : toute publication qui remplit ces conditions a son code.
Récupérer le code
- Ouvrir la publication dans le back-office — par exemple depuis Adresses › Toutes les Adresses.
- Descendre en bas de la colonne de droite, jusqu’à la boîte Intégration.
- Cliquer sur Copier le code. Le message « Copié. » confirme.
- Coller le code dans le courriel au partenaire.
https://www.quebeclemag.com/.Si un message dit que le code est sélectionné et qu’il faut faire Ctrl+C — Cmd+C sur Mac —, c’est que le navigateur a refusé de copier seul : le code est prêt, le copier au clavier.
| « Publiez ce contenu pour obtenir son code d’intégration. » | La publication est un brouillon, en attente de relecture, planifiée ou privée. Le code apparaît une fois qu’elle est en ligne. |
|---|---|
| « Un contenu protégé par mot de passe ne peut pas être intégré. » | Retirer le mot de passe — boîte Publier, réglage Visibilité — si l’intégration est voulue. |
Ce que voit le partenaire
| Publication | La tuile montre |
|---|---|
| Adresse | La photo, le type d’adresse avec son icône, le nom. |
| Événement | La photo, les dates, le titre, les régions. |
| Article | La photo, le type d’article avec son icône, le titre, le début du texte, et le lien « Découvrir ». |
| Page | La photo et le titre, comme une adresse. Sans photo, le titre sur un fond sombre. |
| Road trip | Le titre, le nombre d’étapes, les régions traversées, le début du chapeau et le lien « Découvrir », puis la photo. |
La photo est celle de la saison en cours quand la publication en porte une, sinon l’image mise en avant. La tuile suit donc les saisons, couleurs comprises, comme le site : voir Saisonnalité.
La tuile est lue sur Québec le Mag à chaque affichage. Un titre corrigé, une photo changée se voient chez le partenaire au chargement suivant de sa page : le code reste le même.
Le code contient l’adresse qu’avait la publication quand on l’a copié. Si on la change ensuite — en modifiant le permalien —, le site garde l’ancienne en mémoire, et elle mène d’elle-même à la nouvelle : le partenaire n’a rien à changer. Seule exception : si une autre publication reprend cette ancienne adresse, l’intégration montre désormais celle-là.
Ce que le partenaire en fait
Il colle le code là où son site accepte du HTML : dans WordPress, un bloc HTML personnalisé ; ailleurs, un bloc souvent appelé « code », « HTML » ou « intégration ». Le code ressemble à ceci :
<iframe src="https://www.quebeclemag.com/hotel-tadoussac/embed/"
title="Hôtel Tadoussac — Québec le Mag" width="480" height="315"
style="width:100%;max-width:480px;border:0" loading="lazy"></iframe>La tuile mesure au plus 480 pixels de large, et se rétrécit dans une
colonne plus étroite. Sa hauteur : 315 pixels pour une adresse, un
événement ou une page, celle d’une case des grilles du site ; 450 pour
un article ou un road trip, qui portent un texte en plus. Le partenaire peut
changer la valeur de height : la tuile occupe toujours tout
le cadre.
L’adresse de la publication, collée seule sur sa ligne dans son éditeur, suffit : son WordPress affiche la même tuile, sans code. Le clic ouvre alors la publication dans le même onglet, et non dans un nouveau.
La tuile ne dépose aucun cookie et ne charge aucun outil de mesure : le partenaire n’a rien à déclarer dans son bandeau de consentement.
Dans les statistiques
Le lien de la tuile porte une étiquette de provenance. Les visites qui
arrivent par elle se reconnaissent dans les statistiques du site à leur
source, embed, et à leur support, iframe.
L’affichage de la tuile chez le partenaire, lui, n’est pas compté : seuls les clics le sont.
La tuile n’est pas indexée par les moteurs de recherche, et renvoie à la page d’origine : l’intégration ne fait pas concurrence à la publication dans les résultats.
Quand la tuile ne s’affiche plus
Si la publication n’est plus intégrable, la tuile laisse place à un encadré sombre, au logo du magazine : « Ce contenu n’est plus disponible. », suivi d’un lien « Découvrez Québec le Mag ». Cela arrive quand elle est :
- repassée en brouillon ou en privé, ou mise à la corbeille ;
- protégée par un mot de passe.
La republier, ou retirer le mot de passe, fait revenir la tuile chez le partenaire, avec le même code.