Tutoriel: Dynamic Adsense Taille unités

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Mai 13th, 2009, 8:06 pm

Introduction


Ce tutoriel propose une méthode pour l'affichage des différentes unités de taille Adsense complète avec la taille des canaux spécifiques en fonction de la largeur de la zone d'affichage dans le navigateur des visiteurs est. Cela peut s'avérer pratique par mise en page fluide Templates où une unité plus grande annonce pourrait couvrir autrement le gaspillage d'espace sur des écrans plus grands.

Ceci suppose que vous êtes déjà familiarisé avec la création de nouveaux ensembles d'annonces AdSense et mettre en œuvre leur code dans votre modèle.


Créer Certaines annonces


La première chose à faire est de créer un groupe d'ensembles d'annonces qui ira dans l'espace.
Pour l'exemple, j'ai créé une unité de 468x60 et une unité de 234x60.
J'ai ajouté un taille-canal spécifique pour chaque unité.

J'ai copié le code pour chaque ensemble d'annonces dans une fenêtre Bloc-notes de côté et fermé mon panneau de configuration Adsense.


Mise en place du Code


J'ai commencé par coller le code de la dernière unité que j'ai créé dans la place dans le modèle où les logements seront affichés.
Ive a fait un peu de nettoyage dans le code, mais pour la plupart, ce devrait être familier.

HTML Code: [ Select ]
<script type='text/javascript'>//<![CDATA[
google_ad_client = "pub-1234567890123456";
google_ad_host = "pub-1234567890123456";
google_ad_slot = "1234567890";
google_ad_width = 234;
google_ad_height = 60;
//]]></script><script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>/*-*/</script>
  1. <script type='text/javascript'>//<![CDATA[
  2. google_ad_client = "pub-1234567890123456";
  3. google_ad_host = "pub-1234567890123456";
  4. google_ad_slot = "1234567890";
  5. google_ad_width = 234;
  6. google_ad_height = 60;
  7. //]]></script><script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>/*-*/</script>


Suivant J'ai enveloppé les deux variables qui contrôlent les canaux de largeur et d'une petite annonce dans un if / else et travaillé dans ces deux mêmes variables de l'autre code ad unités.

HTML Code: [ Select ]
<script type='text/javascript'>//<![CDATA[
google_ad_client = "pub-1234567890123456";
google_ad_host = "pub-1234567890123456";
if()
{
    google_ad_slot = "1234567890";
    google_ad_width = 468;
}
else
{
    google_ad_slot = "0987654321";
    google_ad_width = 234;
}
google_ad_height = 60;
//]]></script><script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>/*-*/</script>
  1. <script type='text/javascript'>//<![CDATA[
  2. google_ad_client = "pub-1234567890123456";
  3. google_ad_host = "pub-1234567890123456";
  4. if()
  5. {
  6.     google_ad_slot = "1234567890";
  7.     google_ad_width = 468;
  8. }
  9. else
  10. {
  11.     google_ad_slot = "0987654321";
  12.     google_ad_width = 234;
  13. }
  14. google_ad_height = 60;
  15. //]]></script><script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>/*-*/</script>


Maintenant, si on a un tout autre unité de la taille, par exemple si je me rendais de 468x60 à 768x90, je pouvais joindre cette variable google_ad_height là-dedans aussi.

Or, dans mon cas, la largeur à laquelle je pouvais passer d'une bannière de 234 pixels de large à une bannière 468 pixels de large a 1120 pixels.
Maintenant, j'étais enclin à vérifier l'screen.width "variable" au début, mais cette variable suppose que la fenêtre du navigateur est toujours maximisé qui n'est pas bon.

Au lieu de cela, j'ai utilisé ce qui suit pour vérifier la largeur de la fenêtre active du navigateur.

HTML Code: [ Select ]
<script type='text/javascript'>//<![CDATA[
google_ad_client = "pub-1234567890123456";
google_ad_host = "pub-1234567890123456";
if(document.body.clientWidth && document.body.clientWidth > 1120)
{
    google_ad_slot = "1234567890";
    google_ad_width = 468;
}
else
{
    google_ad_slot = "0987654321";
    google_ad_width = 234;
}
google_ad_height = 60;
//]]></script><script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>/*-*/</script>
  1. <script type='text/javascript'>//<![CDATA[
  2. google_ad_client = "pub-1234567890123456";
  3. google_ad_host = "pub-1234567890123456";
  4. if(document.body.clientWidth && document.body.clientWidth > 1120)
  5. {
  6.     google_ad_slot = "1234567890";
  7.     google_ad_width = 468;
  8. }
  9. else
  10. {
  11.     google_ad_slot = "0987654321";
  12.     google_ad_width = 234;
  13. }
  14. google_ad_height = 60;
  15. //]]></script><script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>/*-*/</script>


Grâce à ce contrôle en place l'unité plus grande sera affichée si le visiteur est de naviguer avec une taille de fenêtre thats assez grande pour afficher la grande unité, ou si les navigateurs ne suffit pas de grand ou le navigateur ne possède pas ce numéro disponible, il sera par défaut à la petits ensembles d'annonces.


Conclusion


Thats it.
Un moyen simple de choisir un bon appareil de taille Adsense à la volée, qui pourrait plus que probablement même être traduits à utiliser avec javascript autres fournisseurs d'annonces. :D
Strong with this one, the sudo is.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mai 13th, 2009, 8:06 pm

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juillet 7th, 2009, 11:04 pm

Ive a obtenu un petit blog avec un fluide qui met en œuvre cette disposition et sur les 5000 impressions depuis la mise en œuvre, 30% des visiteurs sont le déclenchement de la plus petite d'annonces.
Strong with this one, the sudo is.
  • HHawk
  • Novice
  • Novice
  • No Avatar
  • Inscription: Aoû 13, 2009
  • Messages: 22
  • Status: Offline

Message Septembre 14th, 2009, 12:44 am

Very nice tutorial, cependant comment puis-je faire les annonces à afficher sur différents endroits? Par exemple première fois sur le haut de la page et de recharger au bas ou au milieu de la page?

Je n'ai pas mon tout experince de script, donc je ne peux pas atteindre cet...
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Décembre 29th, 2009, 2:21 pm

Si vous avez des problèmes avec Adsense affichant uniquement une seule unité, de lire le thread suivant.
programming-forum/google-slot-must-string-t101681.html
Strong with this one, the sudo is.

Afficher de l'information

  • Total des messages de ce sujet: 4 messages
  • Modérateur: Tutorial Writers
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 3 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC