When AdSense launched about a decade ago, people mostly accessed websites from their desktop or laptop computers. Fast forward today and all sorts of devices – mobile phones, gaming consoles, ebook readers and even televisions – are being used to connect to the Internet. →
Web designers are therefore increasingly relying on a technique called Responsive Web Design where a single layout of the websites works across all devices, irrespective of the screen size or the resolution of the device.
Google AdSense ads are fixed-width but there’s a little workaround that can make your Google ads responsive. The idea is that if a visitor is reading your web page on a large desktop screen, they are served the large 728×60 or 336×280 units while if another visitor is viewing the same page on a smaller mobile screen, you can dynamically serve the 200×200 (or similar) ad unit.
I shared the relevant JavaScript snippet last year and, since then, its been a topic of debate in several online forum threads. The primary concern among web publishers was (and still is) that Responsive Google Ads could be against Google AdSense policies since they require modification in the default JavaScript code.
WebSonic.nl, an AdSense publisher from Netherlands, contacted the Google AdSense team for a confirmation and here’s the official response (in Dutch):
AdSense-advertenties kunnen samen met uw inhoud worden aangepast aan verschillende schermgrootten met behulp van een eenvoudig JavaScript-fragment. Om te kunnen profiteren van responsief ontwerp, maakt u eerst meerdere advertentieformaten, bijvoorbeeld 728×90, 468×60 en 300×250. Vervolgens implementeert u een ‘if-else’-fragment zodat het juiste advertentieformaat wordt weergegeven op basis van het formaat van het apparaat van de gebruiker.
De voorbeeld website die u stuurt geeft al de juiste javascript code die u kunt gebruiken. Wel wil ik nog even benadrukken dat verdere verandering van de AdSense code niet is toegestaan. Ook mogen advertenties niet worden verborgen met CSS.
The rough English translation is:
AdSense Ads can be adapted to different screen sizes using a simple JavaScript snippet. To take advantage of responsive design, create multiple ad formats, such as 728×90, 468×60 and 300×250. Then you implement an “if-else’ fragment so that the right ad format is displayed based on the size of the device of the user.
The example website that you sent has the correct JavaScript code that you can use. Well I would like to emphasize that further change the AdSense code is not allowed. Advertisements may also not be hidden with CSS.
Thus you won’t violate any of the AdSense program policies for using responsive ads on your website. The JavaScript snippet isn’t modifying the AdSense code but is simply requesting a different ad unit based on the viewport width of the current visitor’s screen.
Non ancora contento del lavoro, ho cominciato a smanettare nel codice e a riuscire ad aumentare la risoluzione orizzontale, ottenendo risultati stupefacenti ma anche bug abbastanza imbarazzanti (eventi e boss mal scriptati):
Ho cominciato a giocare a Lunar Silver Star Harmony per PSP e visto che il gioco è in inglese ho provato a tradurre qualche dialogo e qualche menu, con la conseguenza dello sviluppo di un estrattore e riassemblatore di file del gioco che rilascerò a breve.Recentemente ho anche cominciato ad esplorare la parte tecnica di uno dei giochi che più mi ha appassionato: Castlevania Order of Ecclesia. Sono riuscito a sviluppare un programmino che mi visualizza le prime mappe di Ecclesia, anche se con i colori non precisi e fedeli. Sono anche in grado di caricare ogni tipo di sprite o blocchi grafici dei livelli, ma con l'assenza delle palette:
Ho anche avuto il piacere di comprare la PS Vita e di acquistare qualche titolo che mi è stato dato in omaggio grazie al pre-order della console. La console è fantastica ed è ricca di potenza e fantasia nei controlli di input, ma come giochi la vedo ancora un po magra. Rimasto anche molto deluso dai pochi titoli PSP disponibili, dalla promessa non mantenuta del tutto per la connessione remota e l'iterazione tra PSV e PS3 e dall'assenza dei classici PSOne. Inoltre era stato detto ad una vecchia conferenza che la PSV sarebbe stata abbastanza potente da farci girare i classici PS2 e addirittura i titoli PS3 riadattati, ma fin'ora né si è visto né è stato annunciato niente, staremo a vedere. Il famoso PS Suite, SDK che permetterebbe la programmazione del dispositivo in linguaggio C# era stato annunciato ma dopo quel giorno nessuno ne ha parlato più, cosa che mi ha deluso molto dato che non vedevo l'ora di mettere le mani su un po di codice.All'Università , inoltre, è cominciato anche il secondo semestre e il nostro nuovo Professore ci ha dato come traccia d'esame la creazione di un videogame da consegnare entro Luglio. Niente di troppo impegnativo, ma soltanto l'idea mi sprona ancora di più a scrivere codice e a pensare a nuove soluzioni. Il tempo è poco e sembra non bastare mai, anche perché ho molte idee e progetti che vorrei realizzare o continuare. Con l'inizio dell'Università il tempo si è dimezzato più del doppio, ma grazie a ciò ho conosciuto un nuovo e fantastico mondo che mi accompagnerà per i prossimi 3 anni!Vedrò d'ora in poi di scrivere nel mio blog con più frequenza, magari questo mi spronerà ancora di più nella creazione di nuova roba :P.
