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.
<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>
- <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>
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.
<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>
- <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>
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.
<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>
- <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>
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.

Strong with this one, the sudo is.