LeBoutonSesame logo LaBonnePub se met en pause
Avant de faire de la publicité responsable :
Démocratisons le soutien à l'info !
Découvrez comment Le bouton SESAME Découvrez comment

Nos formats d'annonces

💡Les formats sont les même que ceux que l'ont retrourve partout sur le web et les réseaux sociaux.
Si vous êtes habitués aux "stories" ou aux pages Facebook, vous avez certainement des images au bon format.

Carré

300:300

Portrait

300:525

Pavé

300:250

Méga Bannière

728:90

Bannière XL

800:300

Nos publicités s'adaptent automatiquement au design de votre site web.
Nous souhaitons coller au mieux à l'esthétique déjà en place de vos interfaces.

Intégration espace publicitaire (widget)

Étape 1 : Code Javascript

Insérez ce code Javascript en bas de chaque page où vous voulez ajouter un widget.

Connectez-vous pour récupérer le code Javascript à ajouter sur votre site.

Exemple :

<script async src="https://lbp.metastrat.com/abcde-...-89xyz"></script>

Étape 2 : Code HTML

Insérez code HTML là où vous voulez voir apparaitre les annonces.

Ce code peut être réemployé a volonté sur vos pages, vous pouvez le personnaliser entre chaque utilisation en changeant la valeur des attributs suivants :

  • data-placeholder
  • data-sdg
  • data-type
  • data-md-type

Connectez-vous pour créer vos widgets, récupérer leur identifiant et générer la balise HTML à copier sur votre site.

Exemple :

<div class="lbp-metastrat" data-placeholder="true" data-widget-id="abdce-12345-xxxxx-zyxwv-56789-f2g3h" data-sdg=[1,5,8,10,17] data-type="square,portrait" data-md-type="square,portrait,rectangle,mega_banner,banner"></div>

Description des attributs

Attribut Description Valeur
data-widget-id Identifiant du widget
Celui-ci est unique et généré dans votre compte pour chaque espace

string - Doit être récupéré dans votre espace personnel
Exemple : abdce-12345-xxxxx-zyxwv-56789-f2g3h

data-placeholder Affiche une publicité par défaut si aucune ne corresponds à vos critères dans notre inventaire.
  • true: Autorise l'affiche de publicité par défaut
  • false: N'affiche pas de publicité par défaut et n'ouvre pas l'encart publicitaire
data-sdg Limite les publicités à celles qui correspondent aux objectifs de développement durable (ODD)
Si le champ est vide nous analyserons le contenu de la page afin de définir les SDG correspondant à cette page suivant une liste de mots-clefs

array - Doit être rempli dynamiquement dans votre espace personnel, ou changer manuellement à chaque widget
Exemple : data-sdg=[12,15,3]

data-type Défini le format de publicité pour les petits écrans (mobile)
  • square: Affiche une publicité carrée
  • portrait: Affiche une publicité verticale (Portrait)
  • none: N'affiche pas de publicité
data-md-type Défini le format de publicité pour les grands écrans (ordinateur)
  • square: Affiche une publicité carrée
  • portrait: Affiche une publicité verticale (Portrait)
  • pave: Affiche une publicité horizontale (Pavé)
  • mega_banner: Affiche une publicité horizontale (Bannière)
  • banner_xl: Affiche une publicité horizontale (Bannière)
  • none: N'affiche pas de publicité
data-test Ce mode, permet de tester l'intégration du widget sur votre page. Il ne comptabilisera pas de vue pour votre widget et affichera uniquement des placeholders.
  • true: Widget en mode de test
  • false: Widget prêt à afficher des publicité sur votre page

Exemples de publicité

Nous avons défini 5 formats de publicité

Voir les publicités en contexte sur le blog de metastrat : https://www.metastrat.com/fr/blog/

Publicité carrée

Publicité Rectangle

Ne s'affiche pas sur mobile

Publicité Portrait

Publicité Bannière

Ne s'affiche pas sur mobile

Publicité Méga Bannière

Ne s'affiche pas sur mobile