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 合租

小米路由器4修复 & 拆机 + 免拆机刷 breed 以及 Padavan 固件

一朋友小米路由器4 开机红色灯闪烁,看官网,这个状态是刷机失败。估计是后台升级失败,挂掉。官网下载中心有固件和修复工具。稍稍折腾就修复好了。 小米路由器4修复 到官网下载中心下载 ROM,比如 「ROM for R4 稳定版 2.26.145」,以及「小米路由器修复工具」 云盘下载:小米路由器修复工…
浏览: 102 标签:  ,  ,  ,  , 

斐讯 K2 路由器 OpenWRT Padavan PandoraBox 潘多拉固件收集分享

如题,斐讯 K2 路由器 OpenWRT Padavan PandoraBox 潘多拉固件收集分享。斐讯 K2 路由器比较旧了,但是日常备用或者百兆家庭宽带(偶尔回去的农村家里)使用还是绰绰有余,性价比也不错。 ye61123 K2P 超精简 padavan 帖子:回归纯粹,多机型超精简padavan,K2仅2.99MB 简介:无任何扩展,只…
浏览: 27 标签:  ,  ,  ,  ,  ,  , 

斐讯 K2P A1/A2版 路由器 OpenWRT Padavan PandoraBox 潘多拉固件收集分享

相比 K2P 金色 B1/B2,斐讯 K2P 路由器 A1/A2 CPU 是 MT7621AT,双核 880MHz,16MB闪存,128MB内存,千兆网口,可刷固件丰富很多。详细配置参考隔壁大佬 K2P 拆机,截图。 k2p a1/a2 breed 下载:k2p-breed-20201009 教程:斐讯K1、K2、K2P 刷机、刷入Breed 辅助工具 hanwckf - Padav…

斐讯 K2 刷 Tomato Phoenix 不死鸟固件

K2 原本用的是【改华硕[N14U N54U]5G 2G的7620老毛子Padavan固件(百度云同步 aria2 QOS)】固件,日常用足够了,只是偶尔死机自动重启。今天无意中在一个博友的文章中看到了这个 Tomato Phoenix 不死鸟路由器固件,看官方介绍(稳定、易用、高效)还不错,刚好又支持 K2,然后折腾了一把。 斐讯 K2 …
浏览: 140 标签:  ,  ,  ,  , 
浏览: 136 标签:  ,  ,  ,  , 

Comments:0

发表留言

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