Adsense; bloc d'annonces réactif et format d'annonces personnalisé

En petite douceur ("en douce" mais pour du bon a priori), Google Adsense a introduit une révolution dans les comptes Adsense "normaux" (on ne parle pas des comptes Premium).

Les comptes Adsense normaux se voient maintenant proposer 2 nouveaux formats d'annonces: le bloc d'annonces réactif et le format d'annonces personnalisé.

Le bloc d'annonces réactif a été mis en place plus tôt et est expliqué sur https://support.google.com/adsense/answer/3213689?hl=fr&ref_topic=3641113

En bref, le bloc d'annonces réactif permet d'avoir un bloc d'annonce qui change de taille en fonction de l'espace disponible et de la mise en page.

Par exemple si vous mettez un bloc d'annonces réactif de 336x200 pour ordi normal , il pourra être "servi" en 320x100 sur une tablette ou un smartphone.

Attention, ce type de bloc d'annonces n'est pas la panacée et regardez bien les conditions techniques.

Le format d'annonces personnalisé (c'est bien le format qui est personnalisé) est lui récent.

Ce format permet de choisir les dimensions du bloc d'annonces et Google y "servira" des annonces avec des plus petits formats, au cas où, qui seront centrés dans l'espace.

On peut créer un format d'annonces personnalisé ou en théorie transformer un vieux bloc en format personnalisé bien que cette possibilité ne semble pas être disponible en France pour l'instant.

Voici une petite vidéo qui explique ce système de format d'annonces personnalisé :

L'excellent Labnol a publié un didacticiel pour profiter des caractéristiques de blog d'annonces réactif sur un format d'annonces personnalisé.

Voici le code:

• div id="google-ads-1"></div>
• <script type="text/javascript">
• /* Replace ca-pub-XXX with your AdSense Publisher ID */
• google_ad_client = "ca-pub-XXX";
• /* Replace YYY with the AdSense Ad Slot ID */
• google_ad_slot = "YYY";
• /* Replace ZZZ with the custom height of your Ad Unit */
• google_ad_height = ZZZ;
• ad = document.getElementById('google-ads-1');
•  
• if (ad.getBoundingClientRect().width) {
• google_ad_width = ad.getBoundingClientRect().width;
• } else {
• google_ad_width = ad.offsetWidth; // for old IE
• }
•  
• /* The width of an Ad unit should be between 120-1200 pixels */
• if (google_ad_width>1200) {
• google_ad_width = 1200;
• } else if (google_ad_width<120) {
• google_ad_width = 120;
• }
•  
• /* The height of an Ad unit should be between 50-1200 pixels */
• if (google_ad_height>1200) {
• google_ad_height = 1200;
• } else if (google_ad_height<50) {
• google_ad_height = 50;
• }
• /* Both height or width cannot be more than 300 pixels */
• if ((google_ad_width>300) && (google_ad_height>300)) {
• google_ad_height = 300;
• }
• document.write (
• '<ins style="display:inline-block;width:'
• + google_ad_width + 'px;height:'
• + google_ad_height + 'px" data-ad-client="'
• + google_ad_client + '" data-ad-slot="'
• + google_ad_slot + '"></ins>'
• );
• (adsbygoogle = window.adsbygoogle || []).push({});
• </script>
•  
• <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

et les explications complètes sont ici