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/,转载时烦请以链接形式注明原始出处。
声明:我们不销售主机,选主机需合法使用。任何主机需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!
🍄:Netflix 奈飞 YouTube 合租

WordPress 4.2+ 使用 Twemoji 替换默认 Emoji 表情

WordPress 4.2+ 新增 Twitter Em❤️ji 表情,但是默认使用的 CDN —— https://s.w.org/images/core/emoji/11.2.0/72x72/ 在国内无法正常访问。解决办法有两个,一是把表情本地化,二是替换掉默认的链接。 🎉 😜 👯 🍻 🎈 🎤 🎮 🚀 🌉 ✨ 使用 Twitter 官方提供 MaxCDN 服务 Twitter 官方提供 MaxCDN 服务…
浏览: 138 标签:  ,  ,  ,  , 

WordPress 随机显示名人格言 + PHP 毒鸡汤

在 编程随想 博客看到个不错的功能——随机显示博主精选的名人格言,稍稍折腾,我也加上了这功能了(在首页随机显示我喜欢的句子)。 :razz: 网上(官网的是英文版的格言)有现成的插件。一个很简单的插件,其实可以集成到 functions.php 去。不过格言也存放在插件的php文件里面,集成到 functions.…
浏览: 153 标签:  ,  ,  , 

Gravatar 头像被墙及解决方案

Gravatar 头像真是一言难尽,时而正常时而抽风时而无法访问……就一个 Gravatar 头像,这有啥好强(现代通假字)的呢?(据说是被其它服务连累?) 解决办法 - 调用 ssl/cn 头像链接 历史解决办法:调用 ssl 头像链接——https还是没被墙的,而且速度还不错,直接调用这个最简单了。主题 functions.…
浏览: 59 标签:  ,  ,  ,  , 
浏览: 106 标签:  ,  ,  ,  , 

Comments:0

发表留言

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