Chi ha iniziato ad usare il termine responsive web design è stato Ethan Marcotte in un articolo pubblicato su A List apart il 25 maggio 2010.
In questo articolo l'autore mette in luce tutte le idee chiave del responsive design, affermando che in realtà non si tratta di un una tecnologia diversa, ma di un nuovo modo di pensare e progettare un sito.
Google ha da poco lanciato le cosiddette enhanced campaigns di adwords, che diventeranno obbligatorie tra qualche mese. La grande novità per gli advertiser è che non vi sarà più una distinzione tra campagne desktop, tablet e mobile (per i dettagli leggere qui).
Sarà possibile, a quanto pare, creare campagne desktop only (comprensive del tablet, che viene quindi considerato come il desktop da Google), ma non solo es esclusivamente per mobile.
Questo significa che se decidete di impostare una campagna per mobile dovete per forza accettare che quella campagna finisca anche sui tablet e sui desktop.
Se volete invece intraprendere una campagna solo per il desktop, dovete pensare che sarà visualizzata anche sui tablet ovvero su delle device touch con esigenze diverse rispetto al desktop.
Evidentemente, la scelta fatta da Google è mossa dall'esigenza di accelerare l’adozione delle ricerche sponsorizzate sui dispositivi mobile. Senza dubbio avrà anche delle conseguenze sull’adozione del responsive design da parte delle imprese particolarmente attive nel search marketing.
Infatti, l’url di destinazione delle campagne è comune: questo forza gli advertiser a realizzare landing page responsive o che redirezionino correttamente l’utente in base al device.
Di qui la necessità e l'obbligo di “pensare mobile” ogni singola campagna: Google sta cercando di forzare le aziende a lavorare in modo organico su mobile e tablet, considerandoli a tutti gli effetti importanti come il desktop.
La user experience cross-channel è ormai una realtà consolidata, ma non bisogna prendere in considerazione solo le campagne: siti web e servizi devono essere pensati in ottica responsive.
Insomma il 2013 sarà l'anno del responsive?
Google Responsive AdSense
Le campagne Google AdSense ancora non sono responsive, in ogni modo per far si che gli annunci da voi pubblicati si adattino ai vari dispositivi in commercio, potete ricorrere al JavaScript.
Per iniziare, dovete creare più unità pubblicitarie di diverse dimensioni (ad esempio 768 × 90, 468 × 60 e 300 × 250). Di seguito dal dashbaord AdSense sostituite a google_ad_client (ca-pub-1234) e google_ad_slot (AAA, BBB, ecc) il vostro codice indentificatore.
Infine, copiate ed incollate il frammento di codice javascript che riportiamo qui sotto in qualsiasi punto della vostra pagina web. Se si desidera includere più unità pubblicitarie AdSense su di uno stesso sito, vi basterà usare lo stesso frammento di codice, incrementando l'ID (linea 4 e linea # 8) : google-ads-1, google-ads-2 e così via.
<!-- You can add multiple Adsense Ad units -->
<!-- Just change the ad on Line #4 and Line #7 -->
<div id="google-ads-1">
<script type="text/javascript">
adUnit = document.getElementById("google-ads-1");
adWidth = adUnit.offsetWidth;
/* Replace this with your AdSense Publisher ID */
google_ad_client = "ca-pub-1234567890";
if ( adWidth >= 768 ) {
/* Leaderboard 728x90 */
google_ad_slot = "AAA";
google_ad_width = 768;
google_ad_height = 90;
} else if ( adWidth >= 468 ) {
/* Banner (468 x 60) */
google_ad_slot = "BBB";
google_ad_width = 468;
google_ad_height = 60;
} else if ( adWidth >= 336 ) {
/* Large Rectangle (336 x 280) */
google_ad_slot = "CCC";
google_ad_width = 336;
google_ad_height = 280;
} else if ( adWidth >= 300 ) {
/* Medium Rectangle (300 x 250) */
google_ad_slot = "DDD";
google_ad_width = 300;
google_ad_height = 250;
} else if ( adWidth >= 250 ) {
/* Square (250 x 250) */
google_ad_slot = "EEE";
google_ad_width = 250;
google_ad_height = 250;
} else if ( adWidth >= 200 ) {
/* Ad Link Unit (200 x 90) */
google_ad_slot = "FFF";
google_ad_width = 200;
google_ad_height = 90;
} else {
/* Do not display the Google Ad */
google_ad_slot = "0";
adUnit.style.display = "none";
}
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
Per piú informazioni: Google AdSense Sandbox