如何安装和高级 AMP for WP

news/2024/9/13 20:49:54/ 标签: java, 前端, 服务器

当 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.ppmy.cn/news/1516104.html

相关文章

【功能自动化】WebTours实现订票流程并设置检查点

环境搭建&#xff1a; 1.需要配置WebTours网站 代码实现&#xff1a; # 导入包 from selenium import webdriver from selenium.webdriver.support.select import Select from time import sleep# 打开浏览器 driver webdriver.Chrome() driver.get("http://127.0.0.…

Python新手必看!这个模块让Python的重试更加便捷灵活!

文章目录 📖 介绍 📖🏡 演示环境 🏡📒 Python重试 📒📝 安装📝 使用📝 进阶使用⚓️ 相关链接 ⚓️📖 介绍 📖 在Python编程中,网络请求、数据库操作或任何可能因外部因素而失败的场景中,错误重试显得尤为重要。它能有效减少因暂时性问题导致的程序崩溃…

java接口 controller层接收list集合传参,postman 调用接口时required parameter XXX is not present

开发过程中开发一个java接口 controller层接收list集合传参&#xff0c;然后postman调用一直不成功&#xff0c;报错 使用RequestParam方式&#xff0c;如果postman 调用接口时报错required parameter XXX is not present 可能是&#xff08;value“items”&#xff09;跟你输…

理解与推导贝叶斯滤波算法

很多时候一些算法看起来极其复杂,极其难懂,不是因为我们愚不可及,而是因为我们看到的是别人省略过很多步骤和脑海中思考过的思路最后呈现出来的公式和文字,而好的博客就应该尽量还原这些思考过程及省略掉的步骤。 像卡尔曼滤波(Kalman filters)、粒子滤波(Particle filt…

七、Centos安装LDAP--Docker版--已失败

参考博客&#xff1a; docker 安装 OpenLDAP 及 LdapAdmin桌面版、页面版(osixia/openldap)_docker安装ldap-CSDN博客 LDAP使用docker安装部署与使用_memberof ldap docker-CSDN博客 目录 一、安装Docker Docker基本使用 管理镜像 二、拉取LDAP镜像 配置docker国内的镜像…

Android笔试面试题AI答之Kotlin常见考点总结

Kotlin面试题主要涵盖了Kotlin语言的基础、特性、高级用法以及与其他编程语言的比较等多个方面。以下是Kotlin常见面试考点的总结&#xff1a; Kotlin基础&#xff1a; 定义与特性&#xff1a;简述Kotlin是什么&#xff0c;以及它的主要特性&#xff0c;如空安全、扩展函数、协…

3.5mm耳机插头制作手机内录线电路图

1.背景 无人直播或录屏直播手机mic会对外界声音的录入&#xff0c;而且很嘈杂。 2.实现功能 手机酷狗播放音频&#xff0c;同时手机内打开录音软件录音&#xff0c;同一台手机操作。 3.电路图 接线分为2种&#xff0c;国标和美标&#xff0c;自己尝试&#xff0c;肯定有一…

OpenCV几何图像变换(5)旋转和缩放计算函数getRotationMatrix2D()的使用

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 计算二维旋转的仿射矩阵。 该函数计算以下矩阵&#xff1a; [ α β ( 1 − α ) ⋅ center.x − β ⋅ center.y − β α β ⋅ center.x ( …

校园供水系统智能管理丨全国大学生数学建模竞赛E题

课程特色 新技术&#xff1a; 新知识、新方法、新技术层出不穷&#xff0c;学习实战专家的课程&#xff0c;让自己持续保持竞争力。 新教学&#xff1a;师傅带练教学模式&#xff0c;全方位在线答疑辅导学习 新思路&#xff1a;培养创新思维和实践能力&#xff0c;…

Github 2024-08-22 Go开源项目日报 Top10

根据Github Trendings的统计,今日(2024-08-22统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Go项目10TypeScript项目1精选Go框架、库和软件列表 创建周期:3700 天开发语言:Go协议类型:MIT LicenseStar数量:127377 个Fork数量:11751 …

安泰功率放大器参数怎么选型号

选择功率放大器的型号是一个重要的决策&#xff0c;特别是在设计电子系统时。不同的应用需要不同类型的功率放大器&#xff0c;因此选型是至关重要的。以下是关于如何选择功率放大器型号的详细文章&#xff0c;包括了相关的参数和考虑因素。 在选择功率放大器型号之前&#xff…

CSS中的Flexbox布局和Grid布局有什么区别?适用场景

CSS中的Flexbox布局和Grid布局是现代Web设计中两种极其重要且强大的布局模型。它们各自解决了不同的布局挑战&#xff0c;提供了前所未有的灵活性和控制力。下面将详细探讨Flexbox和Grid布局的区别以及它们各自适用的场景&#xff0c;以确保理解全面且深入。 Flexbox布局 基本…

贪心算法---跳跃游戏(2)

题目&#xff1a; 给定一个长度为 n 的 0 索引整数数组 nums。初始位置为 nums[0]。 每个元素 nums[i] 表示从索引 i 向前跳转的最大长度。换句话说&#xff0c;如果你在 nums[i] 处&#xff0c;你可以跳转到任意 nums[i j] 处: 0 < j < nums[i] i j < n 返回到…

【从问题中去学习k8s】k8s中的常见面试题(夯实理论基础)(十六)

本站以分享各种运维经验和运维所需要的技能为主 《python零基础入门》&#xff1a;python零基础入门学习 《python运维脚本》&#xff1a; python运维脚本实践 《shell》&#xff1a;shell学习 《terraform》持续更新中&#xff1a;terraform_Aws学习零基础入门到最佳实战 《k8…

适合大学生用的笔记本电脑?

适合大学生用的笔记本电脑&#xff1f; 李升伟 以下是一些适合大学生的笔记本电脑推荐&#xff1a; 1. 联想 thinkbook14 2023轻薄本 &#xff1a;thinkpad系列定位商务场景&#xff0c;thinkbook系列为商务、家庭两用轻薄本&#xff0c;性价比不错。2023款沿用全金属机身&…

vue最早可以读取this的生命周期函数

在Vue中&#xff0c;最早可以安全地读取到this&#xff08;即Vue实例及其属性&#xff0c;如data、methods等&#xff09;的生命周期函数是created。 created 钩子在实例创建完成后被立即调用。在这一步&#xff0c;实例已完成以下配置&#xff1a; 数据观测&#xff08;data…

使用VS Code开发.NET 8 环境搭建

1. sdk环境确认 -- 查看.net 版本 PS C:\Users\a> dotnet --version 8.0.303 -- 查看已安装的.net sdk 列表 PS C:\Users\a> dotnet --list-sdks 3.0.100 [C:\Program Files\dotnet\sdk] 5.0.301 [C:\Program Files\dotnet\sdk] 6.0.417 [C:\Program Files\dotnet\sdk] …

镜像的迁移、镜像的创建、使用docker查看ip、端口映射、容器持久化

一、镜像的迁移 打包镜像 docker save -o 文件名称 镜像名&#xff1a;标签 #查看帮助命令 [rootdocker ~]#docker --help #查看save打包用法 [rootdocker ~]#docker save --help #查看原有镜像 [rootdocker ~]#docker images #将镜像打包 [rootdocker ~]#do…

MindSearch 部署

任务 按照教程&#xff0c;将 MindSearch 部署到 HuggingFace 并美化 Gradio 的界面&#xff0c;并提供截图和 Hugging Face 的Space的链接。 创建开发机 & 环境配置 mkdir -p /root/mindsearch cd /root/mindsearch git clone https://github.com/InternLM/MindSearch.…

使用 Spring Boot 快速构建 Java Web 应用

1. 什么是 Spring Boot? Spring Boot 是基于 Spring 框架的快速开发工具&#xff0c;它为开发人员提供了一种简单的方式来创建独立、生产级别的 Spring 应用程序&#xff0c;而不需要过多的配置。Spring Boot 通过约定大于配置的理念&#xff0c;简化了项目的搭建过程&#x…