WordPress 站点 AMP 页面如何添加谷歌广告联盟代码?

WordPress 站点 AMP 页面比较特殊,需要使用 AMP AD 代码插入才行,AMP 官方文档:amp-ad

获取 Google Adsense 代码

登录谷歌广告联盟后台,获取代码,比如:文章内嵌型。

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-12392xx6oo84xx63"
data-ad-slot="9ooxx93ooxx124"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

转换成 AMP 页面支持的广告代码

与上面代码相对应,可以转成成如下代码:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<amp-ad
layout="fixed-height"
height="160"
type="adsense"
data-ad-client="ca-pub-12392xx6oo84xx63"
data-ad-slot="9ooxx93ooxx124">
</amp-ad>

说明:layout 支持 fill, fixed, fixed-height, flex-item, intrinsic, nodisplay, responsive

这里示例代码用了 fixed-height,适用高度,高度 height 160,可以根据需要修改。

转换好的广告代码插入 AMP 页面

两种方法,一是修改 amp 模板;二是在主题 functions.php 文件添加。

修改 amp 模板

编辑 /wp-content/plugins/amp/templates/html-start.php 文件,amp 广告代码添加到 …… 标记之间即可。

主题 functions.php 文件添加

这种方法更好,不用担心 amp 插件更新覆盖广告代码。

//AMP 页面填加广告
if (!function_exists("endsWith")) {
function endsWith($haystack, $needle) {
return $needle === "" || (($temp = strlen($haystack) - strlen($needle)) >= 0 && strpos($haystack, $needle, $temp) !== FALSE);
}
}
function is_amp() {
return (endsWith($_SERVER['REQUEST_URI'], '/amp') || endsWith($_SERVER['REQUEST_URI'], '/amp/'));
}
function add_content_ads($content) {
// 这里比如在前后添加广告
$ad = '<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<amp-ad
layout="fixed-height"
height="160"
type="adsense"
data-ad-client="ca-pub-12392xx6oo84xx63"
data-ad-slot="9ooxx93ooxx124">
</amp-ad>';
return $ad.$content.$ad;
}
if ( is_amp() && ! is_user_logged_in() ) { // 只有在AMP版本才会添加广告
add_filter( 'the_content', 'add_content_ads' );
}

方法来自:JustYY 博士

附:AMP 添加 Google Analytics 统计代码

这个更简单,在 AMP 后台配置项直接配置即可。详细参考:WordPress 博客开启 Google AMP 移动网页加速技术和技巧

除非注明,沙唐桔文章均为原创,本文地址 https://cyhour.com/1215/,转载时必须以链接形式注明原始出处。
声明:我们不销售主机,选主机需合法使用。任何主机需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!

群晖使用 rsync 本地文件夹间增量复制文件备份

Google 相册自动备份到 OneDrive,蜗牛星际安装了群晖,Cloud Sync 把 OneDrive 备份同步到本地。蜗牛星际群晖 NAS 用了4块监控录像机拆下来的垃圾盘,目前检测状态良好,不过不知道什么时候会挂,加上也没有做 raid,复制多一份稳点。 群晖官方貌似没有套件可以直接实现本地文件夹间增量复制文件…
浏览: 42 标签:  ,  ,  ,  ,  , 

TM-AC1900 3199 版本固件刷回 AC68U 支持 AiMesh

2016 年双十一淘宝买的水货华硕 RT-AC68U还在服役,折腾过双拨、刷过梅林……前阵子直接从梅林刷回原版。也是因为这个,大意了,中午登陆路由器看到有更新,于是点更新…… TM-AC1900 改的 AC68U 千万不要后台直接升级固件~ TM-AC1900 改的 AC68U 后台在线升级固件,直接悲剧了,三分钟、三分钟、三…
浏览: 80 标签:  ,  ,  , 

优酷路由宝 YK-L1 刷 Breed 和老毛子 Padavan 作无线打印服务器

前些天¥28收了一个极壹S(HC5661A),加USB刷Breed+老毛子作无线打印服务器用,挺好的。逛转转,看到一个优酷路由宝挺便宜的,¥30包邮到手,卖家说没有拆机,这么说自带的 8G TF 卡还在,还挺划算的,就买回来了。 两年前,就买过两个路由宝,那时候可以利用空闲宽带挖金币,基本上回本。后来又…
浏览: 127 标签:  ,  ,  ,  , 

Gridea,一个静态博客写作客户端(GUI 版 Hugo)

前几天折腾 Hugo,上手不难,建了个几乎零成本垃圾站,真香!Hugo 本地环境搭建比 Jekyll 简单,而 Gridea 比 Hugo 更简单,甚至,从功能上来说,Gridea 就是 Hugo GUI 版。 Gridea 简介 Gridea,一个静态博客写作客户端,小白也可以 GitHub Pages 搭建静态博客。开源、易用、强大。记录生…
浏览: 58 标签:  ,  ,  ,  ,  ,  ,  , 
浏览: 154 标签:  ,  ,  ,  , 

Comments:0

发表留言

Vultr 送$100,搬瓦工年付最低$49,优惠码 BWH3HYATVBJW,更多推荐VPS信息