Responsive Design en Google Adsense

Omdat ik steeds meer WordPress websites heb die bezocht worden met tablets, iPhones en andere mobiele apparatuur etc wilde ik kijken of daar nog een optimalisatie mogelijk was.

Het standaard header formaat 728 x 90 wordt namelijk niet automatisch verkleint voor zo'n mobiel apparaat, en ik wilde geen speciale mobi site maken…

Dus op zoek naar een oplossing en die nog gevonden ook :-), gebruik maken van Responsive Design en Google Adsense.

Kijk maar eens op http://www.labnol.org/internet/google-adsense-responsive-design/25252/

Automatisch Wisselen van Adsense Formaat

Met de code van Labnol ben ik aan de slag gegaan om een en ander goed te zetten voor mijn WordPress Handleiding en WordPress Sitebouw sites.

Het is even wat werk om voor ieder formaat dat je wilt gebruiken een nieuwe advertentie aan te maken of een oude op te pakken.

Bij de code voor de advertenties moet je namelijk je slot nummer invoeren, die code zet je dan in plaats van bijvoorbeeld AAA.

if ( adWidth >= 768 ) {
/* Leaderboard 728×90 */
google_ad_slot = “AAA”;
google_ad_width = 768;
google_ad_height = 90;

Als je dat voor alle advertentie formaten gedaan hebt kun je de code invoeren waar je die wilt hebben.

Je kunt ook diverse blokken aanmaken, en plaatsen. Zorg dan wel dat je voor die andere blokken ook  speciale advertenties aanmaakt.

Na de installatie een tijd wachten en controleren of alles inderdaad goed getoond wordt.

En ook de kleinere formaten gaan goed.

WordPress Responsive Thema's

Nu heb je voor een dergelijke WordPress websites heb je natuurlijk ook een responsive thema nodig.

De beste en het meest makkelijk om mee te werken zijn die dan StudioPress (aff).

Je kunt ze bij StudioPress (aff) ook heel makkelijk vinden door de StudioPress Theme Selection Tool te gebruiken.

Voor mijn site heb ik gekozen voor het Agency Theme en voor Generate Theme.

Mocht je ook voor het Genesis (aff) Framework en een goed Child thema kiezen, installeer dan ook de volgende plugins:

• Genesis (aff) Tranlate – Zorgt voor een vertaling van de theme teksten naar het Nederlands
• Genesis Simple Edits – Hiermee kun je heel makkelijk de voet teksten en de berichten info opties aan passen
• Genesie Simple Hooks – onmisbaar om code om speciale positites te plaatsen.

Op dit moment is de oplossing van labnol.org een uitstekende en redelijk makkelijke optie om Responsive Design met Google Adsense te combineren.