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/AMP 移动加速版本)转载时必须以链接形式注明原始出处。
Vultr 送$25,搬瓦工年付最低$49,优惠码 BWH34QMFYT2R,更多推荐VPS信息,或支持老杨
Views: 15 Tags:  ,  ,  ,  , 

Comments:0

发表留言

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