我正在向我们的商业网站添加amp html。我一直得到下面的错误
The mandatory text (CDATA) inside tag 'head > style : boilerplate' is missing or incorrect.
我在跟踪,但我似乎在页面中找不到最后一个问题。有人能告诉我我遗漏了什么吗
这是我现在正在测试的链接,附带的图片就是显示的错误
您需要在文档的中的某个地方使用。当我们使用Chrome Dev时,我们还发现组件或元素的顺序并不重要
目前,我们正在
我所在的平台符合谷歌AMP的要求,除了一个特别的平台;我无法重命名标记。与其他任何东西相比,这似乎是一个武断的要求,所以我希望有某种方式向谷歌表明这是一个AMP页面,而不需要修改它
是否有人成功地重新编写了开头标记?不幸的是,开头html标记必须包含⚡或amp属性以成为有效的amp页面
除非更改,否则我怀疑您试图实现的目标是可能的,除非页面经过预处理,您可以使用preg\u replace(或类似)操纵开头的标记,尽管这决不是一个优雅的解决方案
资源
以下是一个帮助您开始学习的方法。要了
年,我发现了如何测试谷歌AMP的CDN
但是我如何在制作网站中使用它呢
我想可以像Cloudflare或其他类似的服务那样设置它,不是吗
谢谢。您仍将从自己的基础设施中提供AMP内容,即使谷歌随后会收集这些内容并通过他们的基础设施提供
如果您想自己或从Cloudflare这样的CDN提供服务,那么Google CDN就不参与其中——将一个CDN链接到另一个CDN,或者依靠Google将您的内容存储在缓存中,以便从另一个CDN获得,似乎没有多大意义
AMP规范中没有任何内容是如何以及从何处提供的。
我正在使用amp表单模块执行页面更新,而无需重新加载页面。很好用。我的搜索结果通过amp胡须模板显示给用户但是当用户点击结果,然后点击返回按钮时,结果将消失。我需要一种保存页面状态的方法
所以我的问题是:如何让后退按钮显示与用户最初相同的结果?(希望没有重新获取)。我简单地看了一下amp-bind,但它说的是实验性的 这目前不受支持。解决方法是在新页面中加载搜索结果。有两种方法可以做到这一点:
在amp表单中使用GET请求,或
但是,这听起来像是一个有效的用例,我建议为AMP运行时提交一个功能
我正在试图解决谷歌的垃圾邮件问题。我认为最好的方法是添加验证码
AMP Google支持reCAPTCHA吗?我认为,目前还不支持基于图像的reCAPTCHA。但谷歌AMP项目团队已经在进行这项工作。您可以在GitHub上发布您的查询
我在下面的网站上找到了这个答案,经过研究,我认为他们是对的
这里是amp-recaptcha-input的作者
很抱歉回答了一个非常老的问题,但我想说的是,针对AMP的reCAPTCHA v3现在已经发布,并且在上周针对AMP Conf发布时,AMP页面可以公开使
我可以使用amp-bind更新锚定的[href]。但是,如果我在amp列表模板中包含相同的锚,则当应用模板时,[href]会出现损坏(它由原始位置和URI编码预先设置)。值得注意的是,字符串周围缺少单引号,导致表达式编译错误
在下面的示例中,amp list之前的链接在按下按钮时会很好地更新,而由amp list模板生成的链接会被损坏。有趣的是,模板中的锚仍然读得很好;只有在应用了模板之后,[href]才会损坏
锚定内模板:
<a href="https://amp-test/" [hre
对于如何在AMP页面中运行JavaScript,我有点困惑
我了解到我的JavaScript必须在iframe中执行。这样的iframe必须放在页面中(至少75%从顶部开始),并且必须通过https提供服务。这确实有效:
<amp-iframe
width=300
height=300
sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"
layout="responsive"
f
我想在amp日期选择器中显示一些日期的最低票价。我能够显示静态文本,但不知道如何显示动态值。到目前为止,我已经完成了以下工作(在模板中硬编码日期,在状态中硬编码值,但这将在真实环境中从json获取)
旅行日期选择器示例
body{-webkit动画:-amp start 8s步骤(1,结束)0s1正常两者;-moz动画:-amp start 8s步骤(1,结束)0s1正常两者;-ms动画:-amp start 8s步骤(1,结束)0s1正常两者;动画:-amp start 8s步骤(1,结束)
我最近创建了一个Ghost博客,博客设计的核心部分是背景颜色,根据博客文章的标题而变化
当前生成此颜色的方法是对文章标题进行哈希运算,以获得色调值(介于0和360之间),然后使用该值更改背景颜色:hsl(哈希值,100%,93%)。当页面呈现时,Javascript将此颜色应用于页面上的正确元素
鉴于使用AMP,我无法再让我的JS代码运行来完成渲染时的样式设置,我该如何实现这一点?您必须使用服务器端语言“模拟”功能
PHP示例:
计算变量中的哈希值,由于您只将颜色应用于标题,请执行以下操作:
&
我有一个下面的代码,它工作得很好,但我想知道是否有可能防止amp自动完成组件关闭时,点击它的外面。它添加了display:none,每次我尝试检查crhome中的元素时都是这样,在开发时保持它的打开状态会更好,这样我可以更轻松地检查CSS
<i role="button" on="tap:autocomplete" class="header__search" tabindex="0"></i>
我试图在amp组件的“媒体”属性中找出多个媒体查询的语法:
<AmpImgPlaceholder
media={`(min-width: ${GEL_GROUP_2_SCREEN_WIDTH_MIN}), (max-width: ${GEL_GROUP_3_SCREEN_WIDTH_MAX})`}
width="77px"
height="22px"
src={darkMode ? bgImageDark : bgIm
我有很多客户的要求,他们希望使用amp和同意书。但他们都希望保留我们在web产品上提供的行为,即只允许部分数据使用
例如,允许为分析目的收集数据,但不允许为个性化广告收集数据。有时甚至可以在每个类别中降低到供应商级别
根据我到目前为止所做的测试,我可以显示详细信息,但我知道我们只能有一个同意实例,您只能接受/拒绝/驳回它。
因此,我不能以这种方式获得粒度
我的主要工作不是web开发,所以我可能遗漏了一些明显的地方:)
是否有一种方法允许用户只同意部分数据收集?
还要记住,我们必须能够访问授权的内
谷歌网站管理员工具向我展示了AMP错误,但我看不出它在问什么。我的AMP页面和我的URL页面被列出,它告诉我有一个错误…但没有直接告诉我错误在哪里。附件就是我指的那一页
有2个链接,所以没有什么可以尝试的,因为它只有2个链接。它们是活动链接,已爬网,没有爬网错误,说明中没有说明如何更正AMP页面或生成AMP页面的页面。它只是说有一个HTML错误。为什么其他300安培的页面不会有这个错误,而我对它们没有什么不同
所需的结构化数据元素中存在错误。HTML标记中存在不允许的属性或属性值。准确错误的屏
我网站上的大多数图像占据整个屏幕宽度,因此在我当前的网站版本(非AMP)中,我通过以下操作设置CSS中的所有图像以填充整个屏幕宽度:
body img {
width:100%
}
如果将layout=“responsive”指定为
标记需要高度和宽度。高度和宽度用于确保图像的空间保持打开状态(因为AMP图像是延迟加载的),并且在调整其大小时尊重纵横比。严格来说,这是缩放图像,而不是提供响应图像。如果要确保只发送设备实际需要的图像大小,则需要使用srcset和size属性。您可以在此处看
我想在MVC项目中使用加速移动页面
我在asp.NETMVC项目中工作,我有两个文件,一个用于移动设备,一个用于桌面。那么我可以在手机上使用AMP吗?
如果我能使用联合收割机,有什么问题吗?
或者我必须为移动设备创建新项目 阅读网站可能是个好主意。然而,我们有ASP.NETWebForms,我们通过剥离HTML并将内容转换为支持AMP标记,动态创建了内容的AMP版本。换句话说,我们有两个版本的代码,一个是AMP,一个是non-AMP
在您的特定情况下,您必须编写代码,该代码将使用现有的代码库并输
我从中复制并粘贴了强制代码。
这来自页面源:
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
-ms-animation: -amp
我正在尝试根据用户设备显示不同的内容。一个按钮用于android设备,另一个按钮用于iOS设备。我使用req.headers[“user agent”]找到了一点答案,但我不知道如何实现该解决方案。这可能会对您有所帮助
我最近更改了我文章的URL,现在它们被重定向到新的URL格式。然而,这些文章的AMP等效版本仍然链接到旧版本的URL(现在是301页)
这样行吗
例如,给定,$SOME\u URL是否可以成为重定向页面?我投票将此问题作为离题问题结束,因为此问题属于道歉emix。我在AMP页面上找到了stakoverflow和标记AMP html的引用。谢谢
我有一个包含视频列表的网页。为了保持演示简单,我只在演示中使用了2个视频。我不想引用每个具有唯一HTML ID属性的视频,但我想跟踪在分析中播放的YouTube视频
代码演示跟踪所有amp youtube标记,但视频状态仅引用单个实例(仅用于测试)
请在上尝试下面的代码
我的放大器页面
body{-webkit动画:-amp start 8s steps(1,end)0s1 normal tweet;-moz动画:-amp start 8s steps(1,end)0s1 normal twe
当我尝试在博客代码中使用AMP规范时,我发现在开发模式激活的情况下,我的控制台中出现了一些错误:
Chrome的控制台放大器验证有错误:
AMP validation had errors:
validator.js:154 http://www.xxxxxxxxxxx.com/:1:0 DISALLOWED_ATTR xmlns (see https://github.com/ampproject/amphtml/blob/master/spec/amp-html-format.md#ampd
我这里用的是安培手风琴
一切都很好,只是当用户用锚定链接(例如游戏)点击某个特定部分时,我希望手风琴能够自动关闭
这可能吗
谢谢目前这是不可能的。我建议您在上提交amp手风琴组件的功能请求。这可以通过使扩展的属性成为amp-bind的绑定目标来实现。您可以使用并构建一个自动关闭的下拉列表
我做了一些类似的东西作为概念证明,你可以随意修改
`http://jsbin.com/falohu`
我认为你有三分之二的条件是正确的。你有游戏的CSS;手风琴游戏的href;但没有游戏的目标。我认为
我目前正在使用AMP创建一个电子商务产品详细信息页面。作为工作的一部分,我希望能够提供有效的搜索引擎优化协助
我在尝试将itemprop=“image”的结构化数据属性添加到使用amp-img渲染的产品英雄图像时遇到问题。据我所知,没有办法将自定义属性应用于img标记,而amp img最终将呈现该标记
我的现有标记:
渲染的内容:
我要查找的内容(itemprop=“image”属性位于img标记本身上):
有人知道这是否可能吗?如果没有,为什么实现这种行为会破坏AMP范式?我通过在
关于这一点的文件表明:
src:如果没有孩子在场,则需要必须是HTTPS。
为什么需要这样做
这是安全问题吗?(我的视频和音频不需要安全保护)
这是为了性能(在这种情况下,因为https比http快吗?)
还有其他原因吗
在我看来,允许完整的AMP技术在http上工作,而只将其中的一部分限制为https,这看起来很奇怪。这背后的原因是什么?这是一个安全问题-如果/当您的内容托管在谷歌的CDN上,所有元素都将通过HTTPS提供服务,因此标准HTTP元素将不起作用。我确信HTTPS是为了安全,我
有没有办法将AMP扩展组件组合到一个脚本中?当你使用很多组件时,Google PageSpeed Insights会变得疯狂
谢谢 这在目前是不可能的。您应该在AMP Github项目上提交功能请求。这在当前是不可能的。您应该在AMP Github项目上提交功能请求
在AMP中,我希望根据用户选择动态更改链接参数。例如,如果用户选择选项1,我需要附加一个option=1的参数。这种实现是可能的还是有其他方法可以实现。我需要追加的原因是我想用这个参数加载url。使用param提交的表单不适用于此实现
<amp-selector layout="container" on="select: AMP.setState({
currentSelection: event.targetOption,
})" class="sample-selec
在我的AMP页面中,我正在使用该组件创建一个无限卷轴。此无限卷轴中的一些文章是使用创建的实时博客。当用户滚动到上一篇/下一篇文章时,如何防止这些实时博客进行轮询?(假设他们是活跃的实时博客)
我有一个结帐页面,其中有一个输入,客户键入折扣代码,然后我们使用amp列表从远程URL检索折扣值。我需要把这个折扣值推到AMP状态,这样我就可以计算产品的价格-折扣值了
有什么建议可以让我达到这个结果吗
示例代码:
<amp-state id="order_atts">
<script type="application/json">
{
"product_price":
据我所知,使用amplist、ampcarousel,ampimg需要一个始终硬编码的src(取决于产品的详细信息页面URL)
例如:
-
-等
由于它们都是详细信息页面,但有不同的内容,如标题、价格、图像、列表项目等。所以在制作最终HTML之前,您如何提供这些静态数据
注意:在细节页面上,路线路径发生变化,但设计保持不变。
那么,我应该把这些数据带到哪里呢?因为我制作了数千个类似的页面,手动为所有这些页面编写AMP-HTML听起来都是多余的?您可以查看本教程,了解如何创建这些页面。这一基本思
我不知道我需要在URL引用的文档中放置什么代码来进行检查
我使用了来自的示例代码
我知道checkapproveref应该是我自己的url,但是什么文档需要放在那个位置,什么代码应该放在里面
<amp-consent layout="nodisplay" id="consent-element">
<script type="application/json">
{
"consents": {
"my-consent": {
"checkConse
我在使用CORS代理制作amp列表时遇到此错误
我的代码
这是我的密码
您的JSON是否具有层次结构:items/feed/entry?我没有看到。没有@Jay Gray我的json有“”中提到的“feed/entry”,那么,如果这些键不在json中,为什么希望hop操作符feed.entry工作呢?只需使用单个项目,并像在中那样将项目括起来即可。
<amp-list items='feed.entry' layout="fixed-height" heigh
嗨,我已经在我们的一个网站上使用URL末尾的查询字符串(?AMP=1)设置了AMP。我们有超过100个网页在web主工具中被索引,但我们还没有在搜索结果中看到我们的任何帖子
现在问题来了。我们找到了谷歌用于提供AMP页面的AMP URL,并使用我们的一个AMP页面在emulator中进行了测试:
正如你所看到的,尽管根据Chrome插件和?development=1方法,页面是有效的,但是页面是无效的。然而,仔细看这个页面实际上是删除了末尾的查询字符串,所以Google试图验证非AMP页面。这
我正在尝试为我自己的AMP广告服务。我有几周前还在工作的代码,但它神秘地停止了工作。我在这里附加了一个简单的例子:
我可以从Chrome开发者工具网络选项卡上看出,广告成功地调用了remote.html,它成功地获取了图片
然而,当我检查amp ad标签本身时,它是空的——甚至没有一个空的iframe。就好像它已经加载了iframe,正确地获取了所有内容,然后iframe就销毁了自己
救命啊
以下是页面代码:
<!doctype html>
<html amp lang="en
关于如何实现基于AMP的web应用程序,我没有什么问题。这实际上是一个问题列表,可能是基本的,但我需要回答才能完全理解这一点。我已经在Twitter@amftml上发布了这篇文章,但被要求在这里发布我的问题
下面是我的问题
==>对于大多数web应用程序(发布或电子商务),我们会有很多API调用来提供响应,这些JSON数据用于填充模板,然后显示给用户。通过使用主干网、Angualr等的SPA,我们通常从客户端完成所有这些工作
==>对于AMP,我们需要页面是静态的(?这种理解正确吗?)
==>对
我正在努力为我们的网站开发一个放大器
我的移动站点上的AMP carousel arrow有问题
在移动版本中,AMP转盘箭头标记在几秒钟后消失
我想把它展示出来。有谁能帮助我实现这一目标
将控件参数添加到您的中,似乎会强制控件保持可见,即使在移动设备上也是如此
代码示例:
<amp-carousel
width="450"
height="300"
controls
layout="responsive"
type="slides">
<amp-img
我想提供一个列表,它将随文本框的输入而变化。此列表将提供该搜索查询的结果。我使用的是amp列表
我希望列表的高度能够根据结果的数量进行调整(这里的flex项应该可以)。但我希望列表的最大高度为500px,不超过500px
这可能吗?非常感谢动态大小调整目前正在进行中:请参阅GitHub上的内容-尽管不确定这是否适用于您当前的情况。您是否能够提供代码或指向当前工作的链接
要在滚动条溢出的情况下实现最大高度,请在amp列表周围放置一个container div。像下面这样
div#列表容器{
最大
我们是相当新的AMP设置,我们正试图转移到AMP网站只为移动用户
我们希望我们的桌面网站被用来作为是为桌面用户,当一个移动用户搜索该页面,它应该给搜索结果的AMP页
我的问题是,这是AMP的核心行为还是我们需要基于屏幕大小进行某种重定向设置
我知道标签用于定义amp和非amp站点,但这是否意味着当用户在桌面谷歌搜索中搜索该页面时,他/她将在搜索结果中只获得amp页面?在您的情况下,您需要创建两个不同的url,一个用于桌面,另一个用于移动:
比如说
桌面Url:
AMP Url:
现在让您的页面可
目前我有一个放大器img
<amp-img id="fade" src="https://picsum.photos/576/233" width="576" height="233" alt="AMP"></amp-img>
是否可以按顺序触发另一个动画?现在,一切都同时发生
我知道我可以使用delay…但是,由于amp-img是异步加载的,因此延迟时间最终可能会有所不同。这取决于何时加载图像。它可以立即加载,也可以在几秒钟内加载。amp动画有没有办法解释这个问题
{
我在我的谷歌搜索控制台中的以下页面中收到错误“此文档中缺少必需的AMP HTML标记”:
这是一个wordpress网站,所以我使用AMP插件。我还检查了validator.ampproject.org,结果失败了。给我看下面的代码
“强制属性”⚡' 标记“html”中缺少
因此,请帮助我解决此问题。此文档不是有效的AMP文档。请看
该错误与HTML文档的以下要求有关:
包含顶级标记
(也被接受)
所以看起来AMP插件工作不正常。相关AMP页面的URL是:这一个??此特定页面已成功验证。我已
我在放大器页面上使用带选项卡的放大器选择器
这里是HTML示例
<form action="{{$ampxhr}}/cart/confirm.do" method="GET" target="_top">
<h1 class="text-align-center display-block font-lg">{{__('lang-item.shipping_info')}}</h1>
<amp-selector class="tabs-with-
标签: Amp Html
mustacheamp-bindamp-imgamp-mustache
我正在手动将一个珠宝电子商务产品页面移植到AMP。我需要组合多个独立的AMP状态(宝石形状、克拉重量、贵金属),然后将结果用作array.filter()的输入,以过滤动态AMP转盘的JSON
所需的用户体验:如果用户单击“黄金”按钮,然后单击“2克拉”按钮,我希望将图像(在下面的JSON数组中)过滤到通过object.metal='\u y'&&object.ctw='\u 2-0'过滤器的对象
使用简单的onClick Javascript很容易,但我不确定如何使用tap:AMP.setSt
我们已经根据IAB TCFv2完成了CMP的开发,并且正在努力将其与AMP集成,因为AMP同意不能使同意字符串可用于CMP提示符和ads
发布者代码:
<amp-consent id="myUserConsent" layout="nodisplay">
<script type="application/json">{
"consentInstanceId": "consent-id",
"consentRequired": true,
"pro
此页面正在浏览器开发人员控制台中验证:
但这里没有验证:
我可以假设页面验证正确吗?知道断开的地方吗
谢谢……AMP验证器在最近几个月有了相当大的更新
浏览器控制台一点也不准确
你说的站长工具是什么意思?(以前称为“网站管理员工具”)-请考虑标记为回答
我希望自己托管javascript,以确保我知道分发给用户的代码。可能吗?会有后果吗
(我假设javascript可以从中构建)基本上,AMP是一种为快速呈现的静态内容构建网页的方法。运行中的放大器由三个不同部分组成:
AMP-HTML是一种HTML,它对可靠的性能有一些限制,对构建基本HTML之外的丰富内容有一些扩展。AMP-JS库确保快速呈现AMP-HTML页面。谷歌AMP缓存可用于为缓存的AMP HTML页面提供服务
只能使用https://cdn.ampproject.orgURL
Ja
示例标记具有定义的宽度和高度。
DFP的动态分配如何提供不同的广告规模 我认为AMP支持DFP,如中的示例所示。你也可以在网上阅读
对于使用DFP的发布者,您可以实现加速移动页面
可以更快地加载移动网页,但这不仅仅是
只是速度和性能。AMP促进加强分销,从而
出版商可以充分利用开放网络的潜力来实现他们的目标
内容可以快速出现在任何地方-跨平台和应用程序
首先,我们建议从整体上进一步了解AMP:
技术规格
接下来,学习如何在加速移动页面中实现广告,以及如何将其与DFP集成
谢谢@noogui我想
我已经为我的手机网站创建了一个兼容AMP的页面,但谷歌似乎找不到它们——谷歌搜索控制台显示找不到AMP页面。我在3周前部署了AMP页面
我做了什么:
重新向谷歌提交AMP页面
使用2个不同的验证器检查AMP页面-无问题
我的手机页面没有非AMP版本,因此页面只有一个URL。我在每页都添加了以下内容:
你知道为什么谷歌找不到任何AMP页面吗
提前感谢大家。如果放大器经过验证并且具有参数,则应该可以发现它。你能分享一下你的网站吗
谷歌可能不显示你的页面,但这并不意味着AMP缓存找不到你的页面
我查看了stackoverflow,因为这是一项实验性技术,所以在互联网上没有太多关于它的讨论
我创建的故事有几个youtube视频作为背景,在fill网格层中。当第一个开始时,它从不停止,将音频与下一个重叠,依此类推
问题是,我不能在我的工作电脑上重现这个问题,也不能在我的手机上重现这个问题(在两种设备上都用chrome和firefox进行了测试),因为我找不到打开它的音频按钮。看来是这样
现在我甚至不确定这个按钮是否存在,但我记得15天前当我创建我的第一个amp故事时看到了它。编辑:我在另一
根据弃用警告,当前正在尝试将我的AMP Mustache版本从0.1升级到0.2。但是,执行此操作后,我们开始收到以下错误:
The attribute 'src' in tag 'amp-mustache extension .js script' is set to the invalid value 'https://cdn.ampproject.org/v0/amp-mustache-0.2.js
以下是我们的具体内容,如果需要更改,请告知我们:
<script async cu
在AMP页面中首次订阅web push时,我遇到了一个问题,尽管它工作正常,但服务人员订阅的侦听器没有被解雇
为了进一步调试,我需要AMPWebpush配置中使用的helper frames页面的未统一源代码
我已经到处找过了,但到处都找不到。这两页的源代码可以在GitHub上找到
“如何在谷歌搜索中增强我的AMP页面。
例如,我在谷歌搜索栏中有搜索牛仔裤、T恤等,但不显示我的AMP页面。
因此,如何增强我在谷歌搜索中的AMP搜索结果。”谷歌建议在您的页面中包含结构化数据(JSON-LD或Microdata格式的Schema.org)。如果你在销售产品,你会发现如何做到这一点 大家好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。此外,请阅读。还要学习如何发布。
不久前,我们通过tag开发了AMP集成
<amp-ad
width="320"
height="50"
type="smartadserver"
data-site="94612"
data-page="629154"
data-format="38952"
data-domain="https://<YourSmartAdServerDomain>"
>
</amp-ad>
)但没有关于供应商应如何在AMP环境中检索同意字符串的
上一页 1 2 ...
5 6 7 8 9 10 11 ...
下一页 最后一页 共 19 页