À intégrer

iFrames

Deux cadres HTML pour un site de campus : la barre radio, et une carte sports aux formats pub IAB. Même identité que le site — pourpre, Inter et Source Serif. Le thème de cette page (soleil / lune) est envoyé aux cadres. Aucun compte. Pomo et Solitaire gardent leur propre iframe, indépendante.

Barre radio

Le même synthétiseur que sur le site, en barre opaque 62 px. Le bouton soleil / lune de cette page bascule clair et sombre. surface=bar est la version campus — Pomo et Solitaire n’utilisent pas cette surface.

Aperçu

<iframe
  src="https://le-radar.ca/tuner-embed.html?surface=bar&theme=dark"
  title="Radios étudiantes — LE-RADAR.ca"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
  allow="autoplay; encrypted-media"
  style="width:100%;height:62px;border:0;overflow:hidden;"
></iframe>

?theme=light ou dark selon le fond du site hôte. Les mini-apps Pomo et Solitaire gardent tuner-embed.html sans surface=.

Cartes sports — formats pub

La carte du mât, recadrée pour une zone pub. Tailles IAB pour la glisser dans un MPU, un bandeau, une bannière mobile ou un gratte-ciel. Tous les 4 matchs, une carte LE-RADAR.ca. Clic = le-radar.ca (nouvel onglet).

Le thème de cette page (soleil / lune) est envoyé aux cartes. Pour un site hôte, passez ?theme=light ou dark dans l’URL.

300×250 — rectangle moyen

IAB Medium Rectangle (MPU) — la zone la plus courante en colonne de journal.

<iframe
  src="https://le-radar.ca/sports-ad-embed.html?fmt=300x250"
  title="Sports étudiants — LE-RADAR.ca"
  width="300" height="250"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"
  style="width:300px;height:250px;border:0;overflow:hidden;"
></iframe>

728×90 — bandeau

IAB Leaderboard — bandeau sous un en-tête.

<iframe
  src="https://le-radar.ca/sports-ad-embed.html?fmt=728x90"
  title="Sports étudiants — LE-RADAR.ca"
  width="728" height="90"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"
  style="width:728px;height:90px;border:0;overflow:hidden;"
></iframe>

320×50 — bannière mobile

IAB Mobile banner — une ligne, pour le haut d’un article téléphone.

<iframe
  src="https://le-radar.ca/sports-ad-embed.html?fmt=320x50"
  title="Sports étudiants — LE-RADAR.ca"
  width="320" height="50"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"
  style="width:320px;height:50px;border:0;overflow:hidden;"
></iframe>

336×280 — grand rectangle

IAB Large Rectangle — un MPU un peu plus large.

<iframe
  src="https://le-radar.ca/sports-ad-embed.html?fmt=336x280"
  title="Sports étudiants — LE-RADAR.ca"
  width="336" height="280"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"
  style="width:336px;height:280px;border:0;overflow:hidden;"
></iframe>

300×600 — demi-page

IAB Half Page — carte debout, noms en Source Serif. La pièce maîtresse.

<iframe
  src="https://le-radar.ca/sports-ad-embed.html?fmt=300x600"
  title="Sports étudiants — LE-RADAR.ca"
  width="300" height="600"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"
  style="width:300px;height:600px;border:0;overflow:hidden;"
></iframe>

160×600 — gratte-ciel

IAB Wide Skyscraper — rail de droite, matchs à la verticale.

<iframe
  src="https://le-radar.ca/sports-ad-embed.html?fmt=160x600"
  title="Sports étudiants — LE-RADAR.ca"
  width="160" height="600"
  loading="lazy" referrerpolicy="strict-origin-when-cross-origin"
  style="width:160px;height:600px;border:0;overflow:hidden;"
></iframe>

Paramètre	Valeurs	Effet
`fmt`	300x250 · 728x90 · 320x50 · 336x280 · 300x600 · 160x600	Taille IAB de la carte (largeur × hauteur, pixels).
`theme`	dark · light	Verre sombre (mât), ou papier blanc (site journal).