Geek Answers Handbook

Adsense Ads (or Sponsored Links) with a Responsive Website

Representative AdSense ads work fine on my responsive website, but I would also like to add horizontal “sponsored links” to the site (to display only on the desktop due to its wider width).

So, what I want to do is place the 728x15 ad unit on the responsive site and make it visible only to large screens (read the desktop). However, in accordance with the AdSense policy, advertising changes through media queries are allowed only in adaptive ad units (via display: none), but there is no advertisement for advertising links.

Any ideas on how I can implement adsense advertising links on a responsive website, so these ads only appear on large screens (e.g. min-width: 800) without breaking AdSense rules.

Thank.

+4
source share
3 answers

As far as I can see, the method display:nonefor not displaying an AdSense ad works with (asynchronous) link links, and I think it works for all AdSense asynchronous units . (For each AdSense snippet from adsbygoogle.jsin script src.)

: AdSense "", " (, display: none), .

, @media (, AdSense), :

  • style ins
  • style ( " " )
  • display:none ins (.adlinkunit1 )

, ( " (, min-width: 800)":

<style type="text/css">
.adlinkunit1 { display:inline-block;width:728px;height:15px }
@media ( max-width: 800px) { .adlinkunit1 { display: none; } }
</style>
<ins class="adsbygoogle adlinkunit1"
  data-ad-client="ca-pub-..."
  data-ad-slot="..."></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

( , max-width display:none.)

, AdSense, , "" , , - , Google - ( - ) () display:none .

+4

" ", , WURFL, 40 .

, "IS_DESKTOP" "IS_MOBILE" "IS_TABLET".

. , 728x15, - , , 200x90, , .

... ? 728x15 468x15. ( ) , , , , ? ?

. , 40 AdSense, , WURFL ( , , , AdSense ).

.

+1

WURFL.js WURFL ( )

http://wurfl.io

WURFL , Business Edition . , ScientiaMobile, , .

-1
source

More articles:


All Articles