{"id":97961,"date":"2012-04-23T12:57:36","date_gmt":"2012-04-23T12:57:36","guid":{"rendered":"https:\/\/ryanunderdown.com\/?p=97961"},"modified":"2025-03-12T13:15:32","modified_gmt":"2025-03-12T13:15:32","slug":"responsive-ads-with-adsense","status":"publish","type":"post","link":"https:\/\/ryanunderdown.com\/?p=97961","title":{"rendered":"\u201cresponsive\u201d ads with adsense"},"content":{"rendered":"
\n
\n \t<\/i> Read Time:<\/span>6 Minute, 9 Second <\/div>\n\n <\/div>

[et_pb_section fb_built=”1″ _builder_version=”4.8.2″ _module_preset=”default” background_color=”#f5f5dc”][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||30px|false|false”]<\/p>\n

<\/header>\n
\n

****UPDATE****<\/h2>\n

Google recently implemented a responsive ad block that essentially performs some media queries and returns the appropriate ad unit depending on screen size. My sample code block looks like:<\/p>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” text_font=”Anonymous Pro||||||||” custom_margin=”|||1px|false|false” hover_enabled=”0″ border_width_all=”1px” sticky_enabled=”0″]<\/p>\n

<style><\/span><\/div>\n
.responsive<\/span> {<\/span> width<\/span>:<\/span> 320px<\/span>;<\/span> height<\/span>:<\/span> 50px<\/span>;<\/span> }<\/span><\/div>\n
@media<\/span>(<\/span>min-width<\/span>:<\/span> 500px<\/span>)<\/span> {<\/span> .responsive<\/span> {<\/span> width<\/span>:<\/span> 468px<\/span>;<\/span> height<\/span>:<\/span> 60px<\/span>;<\/span> }<\/span> }<\/span><\/div>\n
@media<\/span>(<\/span>min-width<\/span>:<\/span> 800px<\/span>)<\/span> {<\/span> .responsive<\/span> {<\/span> width<\/span>:<\/span> 728px<\/span>;<\/span> height<\/span>:<\/span> 90px<\/span>;<\/span> }<\/span> }<\/span><\/div>\n
<\/style><\/span><\/div>\n
<script <\/span>async<\/span> src=<\/span>“https:\/\/web.archive.org\/web\/20140331190344\/http:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js”<\/span>><\/script><\/span><\/div>\n
<!– responsive –><\/span><\/div>\n
<ins<\/span> class=<\/span>“adsbygoogle responsive”<\/span><\/div>\n
style=<\/span>“display:inline-block”<\/span><\/div>\n
data-ad-client=<\/span>“ca-pub-3658299045266116”<\/span><\/div>\n
data-ad-slot=<\/span>“1962955043”<\/span>><\/ins><\/span><\/div>\n
<script><\/span><\/div>\n
(<\/span>adsbygoogle<\/span> =<\/span> window<\/span>.<\/span>adsbygoogle<\/span> ||<\/span> []).<\/span>push<\/span>({});<\/span><\/div>\n
<\/script><\/span><\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||30px|false|false”]<\/p>\n

<\/header>\n
\n

Previous Post<\/h3>\n

I recently switched to a \u201cresponsive\u201d web design and couldn\u2019t find a good way to dynamically show the proper adwords ad format depending on the viewport of the visitor\u2019s device. This snippet uses jquery to determine viewport width and then sets the appropriate ad channel variables for show_ads.js:<\/p>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” text_font=”Anonymous Pro||||||||” text_letter_spacing=”-1px” text_line_height=”0.8em” custom_margin=”|||1px|false|false” hover_enabled=”0″ border_width_all=”1px” sticky_enabled=”0″]<\/p>\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
<<\/span>script type=<\/span>“<\/span>text\/javascript“<\/span><\/span>><\/span><!–<\/span><\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_client =<\/span> “<\/span>ca-pub-3658299045266116“<\/span><\/span>;<\/td>\n<\/tr>\n
<\/td>\n\/* top *\/<\/span><\/td>\n<\/tr>\n
<\/td>\nif<\/span> ($<\/span>(window<\/span>).width<\/span>()<<\/span>728<\/span> ){<\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_slot =<\/span> “<\/span>4414183254“<\/span><\/span>;<\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_width =<\/span> 320<\/span>;<\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_height =<\/span> 50<\/span>;<\/td>\n<\/tr>\n
<\/td>\n}else<\/span>{<\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_slot =<\/span> “<\/span>1020377061“<\/span><\/span>;<\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_width =<\/span> 728<\/span>;<\/td>\n<\/tr>\n
<\/td>\ngoogle_ad_height =<\/span> 90<\/span>;<\/td>\n<\/tr>\n
<\/td>\n}<\/td>\n<\/tr>\n
<\/td>\n\/\/–><\/span><\/td>\n<\/tr>\n
<\/td>\n<<\/span>\/<\/span>script><\/span><\/td>\n<\/tr>\n
<\/td>\n<<\/span>script type=<\/span>“<\/span>text\/javascript“<\/span><\/span><\/td>\n<\/tr>\n
<\/td>\nsrc=<\/span>“<\/span>http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js“<\/span><\/span>><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||30px|false|false”]<\/p>\n

<\/header>\n
\n

UPDATE:<\/strong>\u00a0<\/span>Today (May 23 2013) Google announced its now ok to modify the adsense code like I mentioned above (Woops! didn\u2019t know I was breaking TOS)<\/p>\n

You can read\u00a0<\/span>their post announcing the changes here<\/a><\/span>. The relevant code snippets they provide for sites using responsive web designs looks pretty much identical to mine (minus the pointless reliance on jquery):<\/p>\n<\/div>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” text_font=”Anonymous Pro||||||||” text_line_height=”1.2em” custom_margin=”|||1px|false|false” hover_enabled=”0″ border_width_all=”1px” sticky_enabled=”0″]<\/p>\n

<script type=”text\/javascript”><\/div>\n
google_ad_client = “ca-publisher-id”;<\/div>\n
width = document.documentElement.clientWidth;<\/div>\n
google_ad_slot = “1234567890”;<\/div>\n
google_ad_width = 320;<\/div>\n
google_ad_height = 50;<\/div>\n
if (width > 500) {<\/div>\n
google_ad_slot = “3456789012”;<\/div>\n
google_ad_width = 468;<\/div>\n
google_ad_height = 60;<\/div>\n
}<\/div>\n
if (width > 800) {<\/div>\n
google_ad_slot = “2345678901”;<\/div>\n
google_ad_width = 728;<\/div>\n
google_ad_height = 90;<\/div>\n
}<\/div>\n
<\/div>\n
<\/script><\/div>\n
<script type=”text\/javascript” src=”https:\/\/web.archive.org\/web\/20140401135048\/http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js”><\/div>\n
<\/script><\/div>\n

 <\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||23px|false|false”]<\/p>\n

More details can be found on the help pages for adsense advertisers located\u00a0<\/span>here<\/a><\/span>.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” text_font=”Anonymous Pro||||||||” text_line_height=”1.2em” custom_margin=”|||1px|false|false” hover_enabled=”0″ border_width_all=”1px” sticky_enabled=”0″]<\/p>\n

\u00a0<script type=”text\/javascript”><\/div>\n
\u00a0google_ad_client = “ca-publisher-id”;<\/div>\n
\u00a0width =\u00a0 document.documentElement.clientWidth;<\/div>\n
\u00a0google_ad_slot = “1234567890”;<\/div>\n
\u00a0google_ad_width = 320;<\/div>\n
\u00a0google_ad_height = 50;<\/div>\n
\u00a0if (width > 500) {<\/div>\n
\u00a0google_ad_slot = “3456789012”;<\/div>\n
\u00a0google_ad_width = 468;<\/div>\n
\u00a0google_ad_height = 60;<\/div>\n
\u00a0}<\/div>\n
\u00a0if (width > 800) {<\/div>\n
\u00a0google_ad_slot = “2345678901”;<\/div>\n
\u00a0google_ad_width = 728;<\/div>\n
\u00a0google_ad_height = 90;<\/div>\n
\u00a0}<\/div>\n
\u00a0<\/div>\n
\u00a0<\/script><\/div>\n
\u00a0<script type=”text\/javascript”\u00a0 \u00a0src=”https:\/\/web.archive.org\/web\/201404 01135048\/http:\/\/pagead2.googlesyndicatio n.com\/pagead\/show_ads.js”><\/div>\n
<\/script><\/div>\n

 <\/p>\n

[\/et_pb_text][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||23px|false|false”]<\/p>\n

More details can be found on the help pages for adsense advertisers located\u00a0<\/span>here<\/a><\/span>.<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” column_structure=”2_5,3_5″ background_color=”#FFFFFF” width=”61%” hover_enabled=”0″ sticky_enabled=”0″ border_width_all=”1px”][et_pb_column _builder_version=”4.8.2″ _module_preset=”default” type=”2_5″][et_pb_image src=”https:\/\/ryanunderdown.com\/wp-content\/uploads\/2012\/04\/7a6a5459aadbba9ad700bc6d7ae095d0.jpeg” _builder_version=”4.8.2″ _module_preset=”default” title_text=”7a6a5459aadbba9ad700bc6d7ae095d0″ hover_enabled=”0″ sticky_enabled=”0″ align=”center”][\/et_pb_image][\/et_pb_column][et_pb_column _builder_version=”4.8.2″ _module_preset=”default” type=”3_5″][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” text_font_size=”15px” hover_enabled=”0″ sticky_enabled=”0″ custom_margin=”|||-116px|false|false”]<\/p>\n

Author:\u00a0<\/span>Ryan Underdown<\/a><\/h3>\n

My name is Ryan Underdown, I\u2019m the director of search engine marketing for Web-Op where I get to work on lots of interesting projects. Please follow me on\u00a0<\/span>twitter<\/a>.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n

\n
\n \n
\n \n \"Happy\"\n <\/a>\n
\n Happy <\/div>\n
\n 0<\/span>\n \n 0<\/span> %<\/span>\n <\/div>\n <\/div>\n\n
\n \n \"Sad\"\n <\/a>\n
\n Sad <\/div>\n
\n 0<\/span>\n 0<\/span> %<\/span>\n <\/div>\n <\/div>\n\n
\n \n \"Excited\"\n <\/a>\n
\n Excited <\/div>\n
\n 0<\/span>\n 0<\/span> %<\/span>\n <\/div>\n <\/div>\n\n
\n \n \"Sleepy\"\n <\/a>\n
\n Sleepy <\/div>\n
\n 0<\/span>\n \n 0<\/span> %<\/span>\n <\/div>\n <\/div>\n\n
\n \n \"Angry\"\n <\/a>\n
Angry<\/div>\n
\n 0<\/span>\n 0<\/span> %<\/span>\n \n <\/div>\n <\/div>\n\n
\n \n \"Surprise\"\n <\/a>\n
Surprise<\/div>\n
\n 0<\/span>\n 0<\/span> %<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n ","protected":false},"excerpt":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.8.2″ _module_preset=”default” background_color=”#f5f5dc”][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||30px|false|false”] ****UPDATE**** Google recently implemented a responsive ad block that essentially performs some media queries and returns the appropriate ad unit depending on screen size. My sample code block looks like: [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[18],"tags":[44,46,47,48,49,45],"class_list":["post-97961","post","type-post","status-publish","format-standard","hentry","category-adsense","tag-adsense","tag-adwords","tag-javascript","tag-jquery","tag-responsive-web-design","tag-script"],"yoast_head":"\n\u201cresponsive\u201d ads with adsense - Ryan Underdown | Internet Marketer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ryanunderdown.com\/?p=97961\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u201cresponsive\u201d ads with adsense - Ryan Underdown | Internet Marketer\" \/>\n<meta property=\"og:description\" content=\"[et_pb_section fb_built=”1″ _builder_version=”4.8.2″ _module_preset=”default” background_color=”#f5f5dc”][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||30px|false|false”] ****UPDATE**** Google recently implemented a responsive ad block that essentially performs some media queries and returns the appropriate ad unit depending on screen size. My sample code block looks like: [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ryanunderdown.com\/?p=97961\" \/>\n<meta property=\"og:site_name\" content=\"Ryan Underdown | Internet Marketer\" \/>\n<meta property=\"article:published_time\" content=\"2012-04-23T12:57:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-12T13:15:32+00:00\" \/>\n<meta name=\"author\" content=\"Patrick Phillips\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Patrick Phillips\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961\"},\"author\":{\"name\":\"Patrick Phillips\",\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/#\\\/schema\\\/person\\\/335c6264135fc4905e6428ffff5e1b2e\"},\"headline\":\"\u201cresponsive\u201d ads with adsense\",\"datePublished\":\"2012-04-23T12:57:36+00:00\",\"dateModified\":\"2025-03-12T13:15:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961\"},\"wordCount\":1067,\"keywords\":[\"adsense\",\"adwords\",\"javascript\",\"jquery\",\"responsive web design\",\"script\"],\"articleSection\":[\"adsense\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961\",\"url\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961\",\"name\":\"\u201cresponsive\u201d ads with adsense - Ryan Underdown | Internet Marketer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/#website\"},\"datePublished\":\"2012-04-23T12:57:36+00:00\",\"dateModified\":\"2025-03-12T13:15:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/#\\\/schema\\\/person\\\/335c6264135fc4905e6428ffff5e1b2e\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/?p=97961#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ryanunderdown.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u201cresponsive\u201d ads with adsense\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/#website\",\"url\":\"https:\\\/\\\/ryanunderdown.com\\\/\",\"name\":\"Ryan Underdown | Internet Marketer\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ryanunderdown.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ryanunderdown.com\\\/#\\\/schema\\\/person\\\/335c6264135fc4905e6428ffff5e1b2e\",\"name\":\"Patrick Phillips\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/65c1d73f933d943c81a17eb0349f544abf26059d1933c5733d869f2d27a05f77?s=96&d=wavatar&r=x\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/65c1d73f933d943c81a17eb0349f544abf26059d1933c5733d869f2d27a05f77?s=96&d=wavatar&r=x\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/65c1d73f933d943c81a17eb0349f544abf26059d1933c5733d869f2d27a05f77?s=96&d=wavatar&r=x\",\"caption\":\"Patrick Phillips\"},\"url\":\"https:\\\/\\\/ryanunderdown.com\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u201cresponsive\u201d ads with adsense - Ryan Underdown | Internet Marketer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ryanunderdown.com\/?p=97961","og_locale":"en_US","og_type":"article","og_title":"\u201cresponsive\u201d ads with adsense - Ryan Underdown | Internet Marketer","og_description":"[et_pb_section fb_built=”1″ _builder_version=”4.8.2″ _module_preset=”default” background_color=”#f5f5dc”][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ _module_preset=”default”][et_pb_text _builder_version=”4.8.2″ _module_preset=”default” custom_margin=”|||30px|false|false”] ****UPDATE**** Google recently implemented a responsive ad block that essentially performs some media queries and returns the appropriate ad unit depending on screen size. My sample code block looks like: [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.8.2″ _module_preset=”default” background_color=”#FFFFFF” width=”61%” module_alignment=”center” custom_margin=”|606px||0px|false|false”][et_pb_column type=”4_4″ _builder_version=”4.8.2″ […]","og_url":"https:\/\/ryanunderdown.com\/?p=97961","og_site_name":"Ryan Underdown | Internet Marketer","article_published_time":"2012-04-23T12:57:36+00:00","article_modified_time":"2025-03-12T13:15:32+00:00","author":"Patrick Phillips","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Patrick Phillips","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ryanunderdown.com\/?p=97961#article","isPartOf":{"@id":"https:\/\/ryanunderdown.com\/?p=97961"},"author":{"name":"Patrick Phillips","@id":"https:\/\/ryanunderdown.com\/#\/schema\/person\/335c6264135fc4905e6428ffff5e1b2e"},"headline":"\u201cresponsive\u201d ads with adsense","datePublished":"2012-04-23T12:57:36+00:00","dateModified":"2025-03-12T13:15:32+00:00","mainEntityOfPage":{"@id":"https:\/\/ryanunderdown.com\/?p=97961"},"wordCount":1067,"keywords":["adsense","adwords","javascript","jquery","responsive web design","script"],"articleSection":["adsense"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/ryanunderdown.com\/?p=97961","url":"https:\/\/ryanunderdown.com\/?p=97961","name":"\u201cresponsive\u201d ads with adsense - Ryan Underdown | Internet Marketer","isPartOf":{"@id":"https:\/\/ryanunderdown.com\/#website"},"datePublished":"2012-04-23T12:57:36+00:00","dateModified":"2025-03-12T13:15:32+00:00","author":{"@id":"https:\/\/ryanunderdown.com\/#\/schema\/person\/335c6264135fc4905e6428ffff5e1b2e"},"breadcrumb":{"@id":"https:\/\/ryanunderdown.com\/?p=97961#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ryanunderdown.com\/?p=97961"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ryanunderdown.com\/?p=97961#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ryanunderdown.com\/"},{"@type":"ListItem","position":2,"name":"\u201cresponsive\u201d ads with adsense"}]},{"@type":"WebSite","@id":"https:\/\/ryanunderdown.com\/#website","url":"https:\/\/ryanunderdown.com\/","name":"Ryan Underdown | Internet Marketer","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ryanunderdown.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ryanunderdown.com\/#\/schema\/person\/335c6264135fc4905e6428ffff5e1b2e","name":"Patrick Phillips","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/65c1d73f933d943c81a17eb0349f544abf26059d1933c5733d869f2d27a05f77?s=96&d=wavatar&r=x","url":"https:\/\/secure.gravatar.com\/avatar\/65c1d73f933d943c81a17eb0349f544abf26059d1933c5733d869f2d27a05f77?s=96&d=wavatar&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/65c1d73f933d943c81a17eb0349f544abf26059d1933c5733d869f2d27a05f77?s=96&d=wavatar&r=x","caption":"Patrick Phillips"},"url":"https:\/\/ryanunderdown.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=\/wp\/v2\/posts\/97961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97961"}],"version-history":[{"count":4,"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=\/wp\/v2\/posts\/97961\/revisions"}],"predecessor-version":[{"id":97968,"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=\/wp\/v2\/posts\/97961\/revisions\/97968"}],"wp:attachment":[{"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=97961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ryanunderdown.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=97961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}