RoofWander Widgets pour sites web
← Tous les widgets

Carte des annonces · Interactive

Une carte des hébergements en direct, sur votre page.

Vos visiteurs explorent de vraies annonces RoofWander sans quitter votre site : chercher un lieu, déplacer la carte, ouvrir une annonce. Dites-nous à qui la carte s’adresse, et nous veillons à ce qu’elle montre les bons hébergements.

Affichage
Thème
votresite.com/preparer-votre-voyage

Aperçu en direct · annonces réelles · les contrôles ci-dessus montrent quelques-uns des réglages que nous choisissons avec vous

Idéal pour

Là où la carte est la plus utile.

Guides de destination et d’itinéraire

Montrez à vos lecteurs tous les hébergements le long du littoral, de la région ou de l’itinéraire traité par votre page.

Pages voyage d’événements et de festivals

Aidez vos visiteurs à préparer le trajet et à trouver un hébergement pour les nuits autour de votre événement.

Sites partenaires à ancrage national

N’affichez que les hébergements de votre pays, sous votre marque, dans votre langue.

Pour les espaces plus étroits — un article, une colonne latérale, une page de campagne — le carrousel d’annonces convient généralement mieux.

Fonctionnalités

Ce que fait la carte.

Configuration

Ce que nous configurons pour vous.

Option Ce qui est paramétrable Comment c’est défini
Périmètre Pays, régions, un rayon autour d’un lieu, ou une sélection d’hébergements choisis un par un Configuré par RoofWander
Vue initiale La zone sur laquelle la carte s’ouvre, et si elle s’ajuste aux résultats Choisi ensemble à l’installation
Langue Interface et annonces dans l’une des sept langues prises en charge Choisi ensemble à l’installation
Apparence Thème, fond de carte et marque affichée sur la carte Choisi ensemble à l’installation
Contrôles Recherche, filtre par pays et réinitialisation — affichables ou masquables Choisi ensemble à l’installation
Attribution et domaines Votre code d’attribution, et les sites autorisés à afficher la carte Configuré par RoofWander

Exemples en direct

Partenaires qui utilisent la carte.

rttfestival.com

RTT Festival

Une carte mondiale pour les festivaliers qui préparent la route. Thème clair sur un fond de carte lumineux, chaque clic étant attribué au festival.

  • Périmètre · Monde entier
  • Thème · Clair
  • Attribution · Active
Ouvrir leur carte ↗

milleroutes.com

Mille Routes

Un site francophone de préparation d’itinéraires qui n’affiche que les hébergements de France et de Belgique, en français, sous sa propre marque.

  • Périmètre · FR + BE
  • Langue · Français
  • Marque · Mille Routes
Ouvrir leur carte ↗
Détails techniques

Pour la personne qui collera le code. Votre interlocuteur RoofWander vous envoie le balisage exact et testé pour votre site — ces exemples n’en montrent que la forme.

Iframe directe

<iframe
  src="https://embed.roofwander.com/map?partner=your-partner-id"
  width="100%" height="650" style="border:0" loading="lazy">
</iframe>

Script de chargement

<div data-roofwander-map data-partner="your-partner-id" data-height="650"></div>
<script async src="https://embed.roofwander.com/static/loader.js"></script>

Lien d’attribution visible (facultatif)

<a href="https://www.roofwander.com/?ref=your-partner-id">Powered by RoofWander</a>
  • Taille — toute la largeur du conteneur ; 560 à 650 px de haut conviennent bien sur ordinateur.
  • Langues — en, it, fr, de, es, nl, pt ; le script de chargement peut suivre la langue de votre page.
  • Isolation — la carte tourne dans sa propre iframe sur embed.roofwander.com ; le script de chargement, facultatif, est le seul script ajouté à votre page.
  • Domaines — l’intégration est restreinte aux sites autorisés pour votre configuration.
  • Performance — les annonces sont mises en cache en périphérie et rafraîchies en continu.

Installation accompagnée

Comment la carte est mise en ligne.

  1. Échanger

    Parlez-nous de votre site, de votre audience et de ce que la carte doit apporter.

  2. Configurer

    Nous choisissons les annonces, réglons les langues, l’apparence et le suivi d’attribution, puis autorisons votre site.

  3. Installer

    Vous collez un extrait de code testé à l’endroit où la carte doit apparaître.

  4. Valider

    Nous vérifions la page en ligne avec vous et confirmons que tout fonctionne.

Pour commencer

Demander la carte des annonces.

Dites-nous où la carte vivrait et ce qu’elle doit montrer. Aucun compte à créer — demander ne vous engage à rien.

Nous répondons sous deux jours ouvrés.