前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » 经验记录 » 如何使用AdSense移动内容广告

如何使用AdSense移动内容广告

发布者:前端集合 // 发布时间:2013-02-25 23:01:44 // 分类:经验记录 // 访问: 7,468 次 // 热度:

前几天把我一个网站做了移动设备的访问优化. 做这个优化一是为了更好的访问体验, 二是为了能体验体验adsense移动内容广告.

下面讲讲如何开启adsense移动内容广告:

1. 进入google adsense后台:

点击'我的广告', 进入如下界面,

image

这里本来是有一个申请adsense移动内容广告的选项的, 因为我已经申请了, 所以这里看不到了.

2. adsense移动广告设置

image

image

广告格式: 选'单'或'双'都可以, 但是我从手机上访问没有看出什么区别

标记语言: 选'xhtml'

编码: 选'自动检测'即可

脚本语言: 因为我用的是php, 所以选'php'

3. 将代码放入网站

image

第3步这里是重点, adsense移动广告和常规内容广告不一样. 常规内容广告是javascript代码, 直接复制插入页面即可.

我的做法是, 把adsense移动广告的代码放入一个单独的php文件, 如googleAdsense.php, 然后在页面中你需要广告出现的地方引用这个php文件即可, 如

        <?php
            if(is_mobile()){//只在移动设备显示此广告
                include('GAmobile.php');
            }
        ?>

不知道is_mobile()怎么来的, 请看这里.

4. 如何在pc浏览器查看并调试移动广告效果

Chrome浏览器有一个User Agent模拟功能, 可以模拟mobile tablet. 我收集的几个php移动设备检测方法都是检测User Agent.

使用方法如下:

1). 在Chrome按f12

2). 在右下角点击按钮

image

3). 选中 User Agent 和 Device metrics, 然后再刷新页面, 你就可以看到你页面在mobile中的效果了

image

5. 遇到的问题

在使用adsense移动广告的时候, 发现一个页面上好像不能同时存在2个移动广告单元. 不知道什么原因.

所以, 如果你想在移动网页上放2个adsense单元, 你可以有2个选择:

1). 放1个adsense移动广告和1个常规的adsense 320x50广告

2). 放2个常规的adsense 320x50广告

最后, 来个实际效果预览:

image

Hope this helps. :)

Tags: google adsense, AdSense, 移动内容广告, 移动广告

如何让Evernote支持代码高亮>>  << 基于PHP的移动设备网站优化
Top