根据设备显示隐藏Adsense广告

有站长朋友问我:

  • 怎么让我的网站只在手机上显示Google AdSense广告呢?
  • 怎么让我的网站只在电脑上显示Google AdSense广告呢?
  • 怎么让我的网站在手机和电脑上显示不同的Google AdSense广告呢?

Google AdSense已经引入了Responsive Ads,它可以根据屏幕分辨率自动适配。但是,要实现显示/隐藏广告,我们需要加入一点代码。

如果你使用WordPress,可以使用插件实现-Ad InserterAdvanced Ads等等。

申请的Google AdSense广告代码如下:

显示隐藏AdSense广告(CSS)

当屏幕宽度小于480px时,不显示广告:

min-width替换为max-width,实现相反的效果:

显示隐藏AdSense广告(JS)

根据屏幕宽度判断并不那么准确,如果你需要更高的准确率,可以使用如下库:

伪代码如下:

根据屏幕分辨率判断的JS代码:

根据设备不同显示不同的广告单元

发表评论

电子邮件地址不会被公开。 必填项已用*标注