如何安装和高级 AMP for WP

news2024/11/13 9:04:45

当 WordPress 是支持 AMP 的 WEB 站点时,主要通过两个插件支持 AMP。 一个是AMP插件。 这个插件也参与谷歌的开发,并被确认为AMP项目的官方插件。 我最初也安装了这个AMP插件,但我不知道是否能够共存的常规网站和AMP兼容网站,很难知道如何设置,所以我决定使用这个地方的AMP for WP插件。 此 AMP for WP 插件具有适当的设置
https://您的域名/内容/amp/
下面是网站内容的构建。 当您在移动设备上访问 WEB 网站时,您可以通过访问 /amp/以下 URL 访问 AMP 页面,在访问常规移动网站时通过从 URL 中删除 /amp/ 的 URL 来访问常规移动网站。 根据设置,您可以自动链接到启用 AMP 的页面和非 AMP 移动页面。 我认为这是一个很大的优势。 我想尽快解释WP的这种有用的插件AMP的详细设置。

AMP for WP 安装

AMP for WP 插件的安装。 在管理屏幕左侧菜单中,→"新建"到"新建"中的插件搜索表单中,键入"WP AMP"。 当出现 WP 插件的 AMP 时,按"安装"按钮安装插件。 安装完成后,按"启用"按钮激活插件。 启用插件后,名为 AMP 的项目将添加到管理屏幕左侧的菜单中,因此请单击 AMP 菜单。

AMP for WP 高级设置-Settings

打开 AMP for WP 插件的设置菜单后,单击"高级设置"单选按钮以切换到高级设置。
然后打开"设置"屏幕。

AMP for WP 高级设置 – General

12-wordpressfirst-01


上传网站徽标。 徽标与 PC 站点的徽标图像无关。 从"Resize"中选择"固定宽度"可自动调整大小以适合图像大小。

12-wordpressfirst-02


在WordPress的WEB网站上选择要AMP化的内容类型。

Posts
Pages
Homepage
Archives [Category & Tags]
Category
Tags

本网站已启用上述项目的 AMP。 其理念是,通过把整个网站/amp/作为URL来显示AMP化页面。 访问 AMP 页面的用户在 AMP 内容中播放,以提高移动可用性,同时查看网站。
最后,不要忘记按"保存更改"按钮进行保存。

AMP for WP 高级设置-Advertisement

12-wordpressfirst-03


下一个设置是 AMP 页面中的广告。 广告支持两种类型,但在日本,它只会成为谷歌Adsense。
选择 AD Type Adsense。 然后

Data AD Client
Data AD Slot

将出现一个字段,用于输入每个字段的数据。 对于 Data AD 客户端和 Data AD Slot,请从创建 Google Adsense 广告单元时的广告代码中获取它们。 有关详细信息,请参阅以下链接。

support.google.com

查找您的发布商 ID - Google AdSense帮助

https://support.google.com/adsense/answer/105516?hl=zh

您可以查看帐号、AdSense 帮助中心、官方电子邮件或广告代码,查找发布商 ID。

12-wordpressfirst-04


本网站仅提供Above the Post Content(投稿页面的上侧)和Below the Post Content(Single Post)(投稿页面下方)。
您可以在其他地方投放 Adsense 广告,但本网站会自动在 Google 网站套件中插入 Adsense 广告,因此我们尽量不向其他地方展示广告。 当您安装 Google 网站工具包时,它会自动将 Adsense 广告放在 AMP 内容中。

WEBTECH | webtech

Site Kit by Google 与 Google 服务合作

Site Kit by Google 与 Google 服务合作 | WEBTECH | webtech

在WordPress上,谷歌的Site Kit by Google的官方插件已经发布。 此插件可与 SEO 和 WEB 营销所需的工具(如 Google 搜索控制台 Adsense Analytics)配合使用。

为此,除了安装 Google 插件的 Site Kit 外,您还需要输入用于 AMP 页面 Adsense 调用的 HTML 代码。 AMP Adsense 自动插入 HTML 代码可以通过以下链接从 AMP for WP 设置进行设置,如下所述。

support.google.com

在您的 AMP 网站上设置自动广告 - Google AdSense帮助

https://support.google.com/adsense/answer/9261309?hl=zh

AMP 自动广告会自动将 AdSense 自动广告放置在您的 AMP 网页上。在添加 AMP 自动脚本和广告代码后,Google 会自动选择广告有可能取得

AMP for WP 高级设置 – 分析

12-wordpressfirst-05


分析设置。 您可以在 WP 的 AMP 中设置各种访问分析,但此处将介绍 Google 分析的设置。 打开 Google Analytics(分析)后,您可以输入"跟踪 ID",然后输入在 Google 网站工具包中设置的分析属性。 以 UA- 开头的字符串。 目前,它不支持谷歌分析的最新分析"谷歌分析4"。 然而,我认为,在未来的更新中,谷歌分析4的回应是丰富的。 这是因为 AMP for WP 插件由公司开发,并且已经发行了付费版本,因此我们可能很快会响应最新的技术。

AMP for WP高级设定-Notice Bar&GDPR

12-wordpressfirst-06


Cookie 用户接受批准屏幕和欧盟 GDPR 批准页面的显示。 Cookie 的用户接受批准屏幕工作正常,但通知栏和 GDPR 屏幕不能同时使用。 您有一个选择。 目前没有使用GDPR屏幕,因为目前没有欧盟用户的方法。 将来开始维护英文页面后,我们将切换到 GDPR 屏幕。

AMP for WP 高级设置 – 高级设置

12-wordpressfirst-07


接下来是稍微飞行的高级设置。 此项目设置如下:

Search Result Page in AMP
Category Description
Enter HTML in Head
Enter HTML in Footer
Auto Add AMP in Menu URL

Advance settings 的要点是 Enter HTML in Head 和 Enter HTML in Footer 项目。 通过在此表单中输入 HTML 代码,您可以自动投放 Google Adsense 广告。

1

2

<script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"></script>

<script async custom-element="amp-consent" src="https://cdn.ampproject.org/v0/amp-consent-0.1.js"></script>

第一行是使用 Google Adsense 所需的代码,在"头的 Enter HTML"中输入。
第二行是使用 Notice Bar&GDPR 中的 Notice Bar 所需的代码。 同样,在 Enter HTML in Head 中键入。

12-wordpressfirst-08


在 Enter HTML in Footer 表单中输入以下代码:

1

<amp-auto-ads type="adsense" data-ad-client="ca-pub-1234567899876543"></amp-auto-ads>

上面的代码是与在 Enter HTML in Head 中输入的 amp-auto-ads 代码集的代码。
在 Enter HTML in Head 中定义 amp-auto-ads 标记,然后在 Enter HTML in Footer 中实际输出并用于正文标记。 此代码仅在 AMP 化页面中打印,在转换到非 AMP 页时不打印。 上述代码是示例,ca-pub-1234567899876543 是本网站的 Google Adsense ID。 当您获得 Google Adsense 时,您会获得这样的 ID。 有关如何在 AMP 页面上投放自动广告的详细信息,请参阅下面的 Google 帮助。

support.google.com

在您的 AMP 网站上设置自动广告 - Google AdSense帮助

https://support.google.com/adsense/answer/9261309?hl=zh

AMP 自动广告会自动将 AdSense 自动广告放置在您的 AMP 网页上。在添加 AMP 自动脚本和广告代码后,Google 会自动选择广告有可能取得

Auto Add AMP in Menu URL 作用于菜单设置。 "外观→"菜单"中设置的所有菜单都链接到启用 AMP 的页面,并自动将 /amp/ 添加到 URL 中。 启用此设置可增加 AMP 内容中的播放率。 根据主题,页面顶部的全局页眉菜单和页面底部的页脚菜单将更改为 AMP 的 URL,以提高可用性,并且通过允许从 AMP 内容链接到 AMP 内容,它们也更加移动友好。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2075678.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

这只猴子一夜赚了15亿?

通过《黑神话》思考低代码平台的发展 《黑神话》的设计分析 《黑神话》作为一款大型3A游戏&#xff0c;其优化工作主要聚焦于提升游戏性能、增强画面表现以及提升玩家体验。这包括但不限于以下几个方面&#xff1a; 技术突破&#xff1a;游戏采用了前沿的技术手段&#xff0…

AppInventor2 文本输入框(TextBox)已支持文本变更事件,非常便于实时处理输入的内容

自 v2.70开始&#xff0c;文本输入框加入了文本变更事件&#xff1a; 效果如下&#xff1a; 文本事件.gif (99.17 KB, 下载次数: 3) 下载附件 昨天 19:57 上传 同理&#xff0c;密码输入框组件也是一样的。 原文&#xff1a;AppInventor2 文本输入框&#xff08;TextBox&a…

用Python实现9大回归算法详解——08. 随机森林回归算法

1. 随机森林回归的基本概念 随机森林回归&#xff08;Random Forest Regression&#xff09;是一种集成学习方法&#xff0c;基于多棵决策树的组合来进行预测。它通过引入随机性来构建多棵独立的决策树&#xff0c;并将这些树的预测结果进行平均&#xff0c;从而提升模型的泛化…

streeapptest 工具编译看 + 测试rk3568

首先来了解一下 stressappteset 网上的资料 压力测试不就是 内存的接口测试吗&#xff1f; 网上找了些资料&#xff0c;基本没有这个工具对于 磁盘网络的测试。 我的理解&#xff0c;压力测试应该指的就是 CPU内存的测试吧。 然后是 关于这个 软件的编译。 首先是下载 git c…

避雷!Springer、Cell等出版社旗下17本SCI/SSCI被剔除,含3本on hold期刊!

2024年8月19日&#xff0c;科睿唯安本年度第八次更新Web of Science核心期刊目录。 图片来源&#xff1a;科睿唯安 与上次更新&#xff08;2024年7月&#xff09;相比&#xff0c;此次更新后的SCIE、SSCI期刊目录共17本期刊发生变动&#xff0c;详情如下&#xff1a; 图片来源…

用ComfyUI打造一键换装神器,轻松搭建本地工作流!

前言 最近快手推出了一个一键换装的模型&#xff0c;还原度还挺高的&#xff0c;效果也很不错&#xff0c;于是自己上手用ComfyUI也搭建了一套这样的工作流&#xff0c;练练手&#xff0c;搭建出来之后发现效果也还挺不错的&#xff0c;分享给大家&#xff1a; 我们先来看看快…

基于插件机制、SPI与事件驱动的系统设计

时间&#xff1a;2024年08月26日 作者&#xff1a;小蒋聊技术 邮箱&#xff1a;wei_wei10163.com 微信&#xff1a;wei_wei10 音频地址:https://xima.tv/1_F4V6FW?_sonic0 希望大家帮个忙&#xff01;如果大家有工作机会&#xff0c;希望帮小蒋内推一下&#xff0c;小蒋希…

【html+css 绚丽Loading】 000018 五行伸缩剑

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享htmlcss 绚丽Loading&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495…

苹果手机忘记密码怎么办?解锁技巧分享

在数字时代&#xff0c;手机几乎成了我们生活的必需品&#xff0c;尤其是苹果手机&#xff0c;以其卓越的性能和流畅的体验赢得了众多用户的喜爱。然而&#xff0c;偶尔的疏忽可能导致我们忘记手机的锁屏密码&#xff0c;这时该怎么办呢&#xff1f;别担心&#xff0c;本文将为…

UWB Tag钥匙防丢器,精准定位测距,一键找回!告别钥匙遗失焦虑

在这个快节奏的时代&#xff0c;我们每天穿梭于家、办公室、商场之间&#xff0c;手中的钥匙串仿佛成了连接生活各个角落的纽带。但你是否也曾有过这样的经历&#xff1a;匆忙间&#xff0c;那串沉甸甸的钥匙似乎在某个不经意的瞬间与你“不辞而别”&#xff0c;留下的是无尽的…

10个企业网络安全建议,解决99%的网络安全问题

互联网时代&#xff0c;企业做好网络安全防护非常重要&#xff0c;一旦网络受到恶意攻击&#xff0c;可能会对企业造成一大笔不必要的经济损失。 那么互联网企业该如何做好网络安全防护呢&#xff1f;小墨在这里有10个建议&#xff1a; 1. 做好基础网络安全监测与防御 加…

【通俗理解】生物信息学数据分析——火山图、富集分析与PPI网络构建

【通俗理解】生物信息学数据分析——火山图、富集分析与PPI网络构建 关键词提炼 #火山图 #富集分析 #PPI网络 #R语言 #生物信息学 第一节&#xff1a;火山图、富集分析与PPI网络的核心概念 1.1 火山图 火山图是一种用于展示基因表达差异分析结果的图形&#xff0c;横轴表示…

视频美颜SDK与直播美颜插件的集成策略与性能优化方案详解

如何有效集成美颜技术&#xff0c;并在确保高性能的同时&#xff0c;实现优化&#xff0c;已成为开发者们亟待解决的问题。本文将从集成策略与性能优化两方面&#xff0c;详细解析视频美颜SDK与直播美颜插件的开发实践。 一、视频美颜SDK与直播美颜插件的集成策略 美颜SDK通常…

打工人 Excel 插件 - 电子表格智能辅助插件正版购买

接下来要给大家介绍的是&#xff1a;打工人 Excel 插件&#xff0c;支持 Win 平台&#xff0c;可用于增强 Office 和 WPS 表格功能&#xff0c;是我们提高工作效率、早日下班的神器&#xff01; 在工作表处理方面&#xff0c;这款插件能让你轻松你轻松搞定字数 / 地址拆分、正…

手机快充头哪个牌子好?倍思65W伸缩线充电器交出优秀答卷

手机电池的持久续航能力显著影响我们的工作效率和日常生活。在众多手机快充头品牌中挑选一款既高效又安全的产品,对许多人来说是一大挑战。对于“手机快充头哪个牌子好”这一问题,或许在了解倍思65W氮化镓伸缩线充电器后,可以找到满意的答案。 极速充电,效率倍增—— 倍思65W…

程序员失业跑滴滴,意外自学AI绘画成主业,月入过万不是梦!

一、突如其来的裁员 那是一个阴沉的下午&#xff0c;我像往常一样&#xff0c;在公司忙碌着。突然&#xff0c;HR叫我去会议室&#xff0c;告诉我由于公司业务调整&#xff0c;我所在的部门被整体裁撤。作为一名程序员&#xff0c;我从未想过自己会面临失业的困境。拿着那份补偿…

陕西黄河壶口瀑布大型山水交响演出《黄河大合唱》2024年演出季开演

《黄河大合唱》宣传短片 近日&#xff0c;陕西黄河壶口瀑布大型山水交响演出《黄河大合唱》2024年演出季开演&#xff0c;新版演出时长45分钟&#xff0c;采用国内首个巨型机械艺术水幕实景剧场形式&#xff0c;通过“文化科技”的融合手段&#xff0c;呈现《黄河大合唱》的创作…

推荐一个适合做项目的物联网平台 ThingsKit

在当今的数字化时代&#xff0c;物联网&#xff08;IoT&#xff09;已经成为推动社会进步和产业升级的重要力量。物联网平台作为连接物理世界和数字世界的桥梁&#xff0c;扮演着至关重要的角色。在众多物联网平台中&#xff0c;ThingsKit凭借其强大的功能、灵活的架构和广泛的…

2024年了,你还在手动打字?Top4懒人技巧,让你秒变高效达人!

在忙碌的现代工作环境里&#xff0c;我们经常需要处理大量的信息&#xff0c;比如会议记录、客户谈话或者远程合作时的录音。录音是个好东西&#xff0c;因为它能帮我们记下所有重要的细节。但问题来了&#xff0c;这么多录音文件&#xff0c;怎么才能快速把它们变成文字呢&…

SQL Server 进行中文查询时加 “N”

背景 使用 SQL Server 做模糊查询时&#xff0c;无法查出内容&#xff0c;找原因很久发现需要在中文内容查询前加 “N” 才能查出内容&#xff0c;遂记录。 解决 其他使用场景 写存储控制的时候&#xff0c;错误信息提醒也会用到 “N”。 总之中文内容直接进公式的都加上 “N…