Amp html 放大器列表抛出错误400
尝试实现amp list时，它可以很好地处理示例json文件，但当我尝试从启用HTTPS和CORS的上游api获取数据时，会抛出错误400 <amp-list width="auto" height="100" layout="fixed-height" src="URL"> <template type="amp-mustache" id="amp-template-id"> <div><a href="{{hosted_url}}">{{tit
尝试实现amp list时，它可以很好地处理示例json文件，但当我尝试从启用HTTPS和CORS的上游api获取数据时，会抛出错误400 <amp-list width="auto" height="100" layout="fixed-height" src="URL"> <template type="amp-mustache" id="amp-template-id"> <div><a href="{{hosted_url}}">{{tit
我有一个很长的产品列表，我想为用户实现页面导航，以便更好地导航。我想要达到的目标与我的非常相似。我通过稍微修改它并更改AMP.pushState的AMP.setState，将新条目推送到浏览器中并能够向后导航，创建了一个 只要我在我的5个页面之间导航，行为就是预期的。但是如果我导航到另一个url，例如单击Go to Google，然后再次导航回AMP，我总是在产品列表的第一页结束，而不是在单击Go to Google时的最后一页 这里的任何帮助都会很棒。谢谢 客户端目前不支持该功能，因为无法更改
我有一些选择的下拉列表，最后一个选项是“其他” 我想在用户从下拉列表中选择其他选项时显示文本字段 我使用的是普通html，很抱歉我是AMP初学者，我找到了一些带有json选项的AMP列表示例，但我不知道如何实现，因为我在DrowDown中有有限的选项 <select data-type="text" id="cuisine" name="cuisine" required> <option value="german">German wine</option
我的HTML文件代码是： <!DOCTYPE html> <html ⚡=""> <head> <meta charset="utf-8"> <title>Amp</title> <link rel="canonical" href=""> <meta name="viewport" content="width=device-width,m
我制作了一个amp故事，当第一次访问它时，它要求“您必须启用amp故事实验来查看此内容” 这是故事的链接： 如何消除该提示？这在使用amp story的0.1版时可以看到。您可以使用1.0版解决此问题。版本取决于文档中包含的amp故事脚本的URL。对于1.0，您需要： <script async custom-element="amp-story" src="https://cdn.ampproject.org/v0/amp-story-1.0.js"></script>
我试图使用amp游乐场复制我在谷歌amp页面上的问题，我现在正在开发。我如何将自己的json文件放在amp Playerly中，以复制Playerly中的场景。 要通过amp游乐场中的amp列表测试JSON，您需要启用CORS保护。遵循以下步骤： 确保JSON是从您可以控制的服务器获取的 使用以下代码为AMP游乐场启用CORS： 注意：这是一个PHP代码，如果您通过其他服务器端编程语言输出JSON，请使用上述代码的版本，或者如果它是.JSON文件本身，请通过服务器启用CORS 您是否试图通过放大
我有一个关于AMP-ACCESS和ContentPaywall的问题 没有任何示例说明如何在AMP中为具有AMP-ACCESS的内容进行JSON LD标记，就好像在AMP-SUBSCRIPTION中有一个示例表明您应该包括： "isPartOf": { "@type": ["CreativeWork", "Product"], "name": "The Norcal Tribune", **"productID": "norca
如果我将包含（）的字符串值传递给getNameArgs\uustring方法中中的vars属性 例如： 从请求头传递用户代理，呈现如下内容： "vars": { "userAgentHeader": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36" } 但将以Mozilla/5.0（Mac
我试图写一个简单的产品清单页面。 由于产品价格和数量发生变化，我需要处理实时数据。 实现这一目标的最佳方式是什么 我尝试使用amp list，但我必须设置端点，以便下载json数据。听起来我需要设置一个额外的作业来不断更新json数据 我想我必须使用iFrame，但我想确定iFrame是否是唯一的方法，并且没有解决办法 是否有任何解决方法，或者我可以为此使用amp list 提前谢谢你。对于你的情况，我认为这只是一个解决办法。但iframe对产品商店来说并不友好。 最好的方法是使用JSON找到解
是否可以根据传递给页面的URL参数动态更改AMP页面中的值 我需要创建多个页面，超过20个，我想知道是否可以动态地更改页面的某些部分来解决这个问题。只有一些事情需要改变。我认为这个问题有点模棱两可，所以我会尝试回答我从中得到的答案 您是否正在使用JavaScript进行动态更改 不，这是不可能的，因为AMP对自定义JavaScript的限制非常有限，作为替代方案，您可以在服务器端（使用PHP、Node、Java或您正在使用的任何东西）使页面动态 用于跟踪目的 是的，您可以将动态数据传递给跟踪库。
查看AMP文档（）会发现documentreferer变量应该反映JSdocument.referer 而当页面的文档时，documentreferer似乎会报告其他域（如：www.twitter.com、t.co、linkedin.com等）的正确值。referer值为“”documentreferer为空。我找不到任何文件表明www.google.com域名有任何额外的警告。AMP文件是准确的。对“”没有例外 值得一提的是，一些AMP标签（如您的预期结果是什么？根据文档，我希望AMP文章的文
我正在尝试使用，但我的文件存在跨原点帧问题： 我用AmazonS3托管了remote.html文件，并更新了CORS配置以允许我的域。但我的浏览器中仍然出现以下错误 Blocked a frame with origin "https://s3.amazonaws.com" from accessing a cross-origin frame. Error: Blocked a frame with origin "https://s3.amazonaws.com" from accessin
我有一个网站。我想为我的网站创建谷歌AMP代码。在我现有的站点和新的google AMP站点之间传输数据的最佳方式是什么。我决定为我的现有站点创建一个新域。是好还是坏 在我的现有站点和新的google AMP站点之间传输数据 我不知道你说的是什么意思。。。您并没有真正传输数据，您只是创建了一个遵循AMP规则的新网页，然后用一个元标记链接到旧站点的页面 php是一种服务器端语言。当有人请求index.php时，index.php中的php代码将在您的服务器中执行，您将只保留html、css和js，
本机的amp-video有很多功能，比如（旋转到最大，在右侧或左侧双击…），但为了使用广告，我不得不使用amp-ima-video，可惜它缺少这些功能：( 是否有任何方法可以使用amp-ima视频中的amp-video功能 谢谢。这目前是不可能的。请您为任何缺少的amp-ima视频功能提交功能请求。您是否已尝试检查中每个组件的属性以找出一些有用的想法？是的，我有，以下是链接：
我想在用户更改第一个下拉列表后，自动选择第二个和第三个下拉列表中的一个选项 你好，TML世界！ 颜色 蓝色 红色 绿色 大小 小的 中等的 大的 布料 纸张 塑料 木材 您可以通过使用amp bind来实现这一点。当您在第一个下拉列表中选择一个选项时，请使用所需值设置一个状态。为了演示，我创建了一个状态，用于存储映射，以确定与选择相对应的要设置的值，如下所示： <amp-state id="mapping"> <script type="application/jso
我正在动态设置amp日期倒计时中的剩余时间： <amp-list width="auto" height="620" layout="fixed-height" src="/api/offer/******"> <template type="amp-mustache" id="amp-template-id"> <amp-animation id="hide-timeo
我试图为ajax找到类似的解决方案，但在amp中我不能正确地使用它 这是我想要制作的（）。您可以编辑并绑定按钮 您需要事先加载内容。如果需要动态加载，则必须使用amp-list
我已经为我的网站制作了一个小时钟。下面的代码可以。但是，有没有一种方法可以每秒自动刷新代码以获得动态时钟 <amp-date-display datetime="now" display-in="utc" offset-seconds="3600" locale="fr" layout="flex-item"> <template type="amp-musta
我在第一个弹出窗口中有两个弹出窗口，我将AMP state作为AMP.pushState（{isdataavailbe:false}）传递，在第二个弹出窗口中有一个窗体和交叉按钮。在提交成功后，我将执行以下操作 AMP.setState({isDataAvaialbe : true}) on="tap:AMP.goBack 单击交叉按钮时，我正在执行以下操作 AMP.setState({isDataAvaialbe : true}) on="tap:AMP.goBack
昨天，我在一个相当大的网站上推动了加速移动页面的快速实现，我非常渴望看到谷歌搜索控制台上的AMP报告 通常需要多长时间他们才会出现 或；您的AMP报告需要多长时间才可用？我花了3到4天的时间。 我昨天做了一些更改，因为我有一些验证错误，尽管我的页面现在显示在g.co/ampdemo中，但在搜索控制台中没有看到任何更改。如果您担心“我的页面最终会有效吗？”的话，我想会有3天的延迟？因为我不想等到谷歌需要2到3天的时间来测试页面，结果又出现了一个错误 然后，您可以在此处在线测试您的URL： 如果结果
我开始了一个新项目，包括amp Firefox系统性地报告此错误： 类型错误：window.AMP未定义 我遵循了入门步骤。以下是索引的head标记的外观： <html amp lang="fr"> <head> <meta charset="utf-8"> <title>my title</title> <link rel="canonical" href="http://example.com/non-amp_in
我有从数据库读取内容的aspx文件，我需要将AMP合并到aspx文件中。如何将链接url合并到我的aspx文件中？我已经编写了一个tempAMP.aspx文件来进行转换。我正在使用一个查询字符串从我的aspx文件传递到tempAMP.aspx，以从数据库检索内容。谷歌能用查询字符串搜索我的AMP页面吗？ 如果有人能帮忙，我将不胜感激 ASPX文件 IND是一个键，我将使用它从数据库中检索 为了在实际的AMP文档之上算作AMP页面，页面需要包含一个链接元素，该链接元素带有amftml的rel和一个
我正在尝试使用amp功能，但找不到为我的网站添加/编辑的方法：( 默认情况下，我从一些DFP/AdSense API中看到了这一点，但我找不到任何方法从UI或其他任何地方编辑该配置 有没有办法编辑配置，让自动广告与AdSense一起工作
我管理的一个网站有一个AMP问题。我在网站管理员工具上收到消息类型[WNC-10036043] 它说“谷歌系统检测到你网站上的AMP页面缺少相应规范页面中包含的视频。”，正如你在下面第一张图片中看到的 我用AMP验证工具测试了网站的任何页面，所有内容都符合AMP标准。没有错误 [编辑] 这里是谷歌AMP验证器的响应 [/EDIT] 此外，在网站管理员工具中查看：“搜索外观->加速移动页面””，我在下面的屏幕截图中看到了亮点。然后我去调查 在那里，我看到许多页面（几乎所有页面）都报道了同一问题
当我取消显示AMP CSS样板代码行时，似乎缺少关闭样式元素 我是不是误读了 <noscript> <style amp-boilerplate > body { -webkit-animation:none; -moz-animation:none; -ms-animation:none; animation:none } &l
我有一个简单的amp表单，我想在表单提交时更改输入提交的文本： <form method="POST" class="p2" action-xhr=".../api/contacts" custom- validation-reporting="as-you-go" target="_top"> <input name="phone" id="phone_input" required> //Change the value from Submit to Su
我通过Page Speed Insights运行我的AMP缓存网站，在JavaScript执行时间下，我得到错误“致命跟踪逻辑错误，预期启动事件，得到x” 当AMP页面中显然没有Javascript时，这怎么可能呢？AMP页面中有Javascript。AMP HTML只是限制javascript的使用。AMP组件仍然依赖javascript来正确呈现和运行，但这些组件是由AMP社区实现并审查的，以确保javascript和用户体验符合AMP的最佳实践。作为一个只想使用AMP构建网页的人，AMP提
似乎，必须将“amp故事cta层”和“amp故事页面附件”作为“amp故事页面”的最后一个子项进行验证。这是不可能的。可以做些什么？我错过了什么吗？你什么都没错过；在故事的同一页上不可能同时有amp-story cta层和amp-story页面附件。您没有遗漏任何内容；在故事的同一页上不可能同时有amp-story cta层和amp-story页附件
添加脚本将禁用页面导航上的hashtag。像这样的问题我错过了吗？对我很有用。有一个例子或者更多的细节吗？我刚试过，效果很好：非常感谢你的帮助。您的示例在Firefox中似乎不起作用。在Chrome中，第二个链接不起作用（尽管它似乎设置正确）。
我正在挖掘一点，这句话立刻引起了我的注意 AMP HTML文档必须： 包含顶级的标记（也可接受） 所以我的第一个问题是-是有效的HTML吗？我的意思是，这似乎有效——但我看起来真的很奇怪。有人能告诉我unicode作为HTML属性的具体规则吗 我的另一个问题是，它是用来做什么的。文件中规定，这是有效的AMP文件所必需的 但是丢弃它不会导致AMP验证错误。AMP的JS源代码本身似乎一点也不关心它 这真的是爬虫和机器人将文档标记为AMP的标志吗 提前感谢。：） 您可以使用Unicode，也可以使用；
对于如何在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手风琴中的每个amp视频制作一个标题 h3 { font-family: 'Open Sans', sans-serif; color: #19586d; background-color: #9DB6BD; text-align: center; padding: 8px; } .... <section> <h3>myVideo</h3> <amp-
我正试图在中使用URL查询参数，这在技术上是不可能的，因为amp mustach或amp select或任何其他处理动态数据的amp标记在head标记中都不起作用。如果从逻辑上看（如果我们在单个AMP页面上看），我们试图将一个AMP页面映射到多个规范页面，这是不可能的。您可以在AMP和canonical之间进行一对一的映射，但是，如果您只有一个AMP页面，这是可以的，但是您不能将一个AMP映射到多个canonical页面 因此，在创建这些AMP页面时，可以根据需要设置参数。在此之后，您不能在此规
我们已经为该网站创建了AMP版本的新闻页面。大多数AMP页面由谷歌编制索引，没有任何错误，但当用户使用移动设备在谷歌上搜索时，谷歌显示的是实际的桌面页面，而不是相应的AMP页面 下面是一个具体的例子： 桌面页面： AMP页面： Google console显示桌面页面已编制索引： 单击AMP链接显示AMP页面有效： 当我通过手机的Chrome浏览器在谷歌搜索这个页面时，我会看到桌面页面作为搜索结果。我根本看不到AMP页面 你知道如何解决这个问题吗？你得等一会儿，谷歌机器人才能抓取你的网站。
我有一个示例AMP页面，我想在该页面上使用AMP访问模块实现对HTML元素的访问控制 我试图将一个自定义变量附加到amp accessauthorization属性。我的授权URL需要从本地存储中获取一些东西，我可以使用amp script模块获取这些东西，但是无法将该变量放入位于页面底部的amp accessjson中 有什么建议可以解决这个问题吗？我可以使用一个自定义变量，而不是从AMP中定义的变量吗
AMP是否支持facebook、Twiter和google plus共享按钮？这里或github上没有关于此问题的明确信息。已经提出但尚未实施： 同时，您可以为这些文件创建标准的HTML链接，这比臃肿的JavaScript官方版本（尽管没有计数器之类的交互式内容）加载速度要快得多。例如，请参见此页面：refere-正如您在上面的参考中所看到的，如果没有应用程序id，Facebook按钮（）将无法工作。如果没有它，您将从Facebook获得一个错误，“无效的应用程序id:0”。其他按钮（如twit
移动搜索不显示Amp符号。已检查amp验证程序通过，但为什么不工作。有人能帮我怎么显示我的网站吗 谢谢您可能想查看一下如何在谷歌搜索中正确显示AMP页面 你的放大器应该跟在后面。 你应该把你的AMP页面放在一个对用户有意义的URL上。例如，如果您的规范页面是example.com/giraffes，您应该将AMP放在像AMP.example.com/giraffes或example.com/AMP/giraffes这样的地方，而不是放在test.com/giraffes。 如果其他页面链接到AM
我将输出一个链接列表，其中我需要在模板中混合来自两个单独JSON数据源的值，而不是一个 伪标记： <a href="{link1}/{link2}">{title1}</a> 在上面的例子中，link1和title1来自JSON#1，而link2来自JSON#2 需要明确的是：我知道通过将JSON数据源合并到单个服务中可以完全避免这一挑战，但在我的场景中，这是不可能的，原因与此无关 我将以上伪标记进一步扩展到amp列表中： <amp-list id="myli
我用谷歌amp列表开发了这个页面，并显示了更多的按钮组件。我面临的问题是，“显示更多”按钮获取新数据并显示页面移到顶部（第一项），而我希望它保持在原始位置。我使用的代码与文档中给出的代码完全相同：。以下是我的列表代码：- <amp-state id="productsState" src="https://www.newsapp.io/amp"> </amp-state> <!-- ... while the `am
我想在AMP-HTML页面的页面加载上调用第三方API。我们将非常感谢您在这方面提供的任何帮助 编辑：我使用HTML中脚本标记内的函数（在内部调用第三方API）根据传递给函数的某些参数获取数据，接收到的数据用于以表格格式显示。有两个组件允许在页面加载时发出GET请求： 安培表 放大器接入 但是，您需要确保3P API支持。有两个组件允许在页面加载时发出GET请求： 安培表 放大器接入 但是，您需要确保3P API支持。您希望加载哪种类型的内容？AMP有两个关于发出GET请求的指南。一个请
我想根据日期选择器中选定的范围更新一个值。这意味着，如果我从8号住到11号，应该是3晚。如果修改了日期，则该值应相应更新。做一点： 选择您的旅行日期 清楚的 接近 总夜数：我们需要使用选择事件： <amp-date-picker on="select: AMP.setState({nights: event.dates.length})"> 。谢谢
我对amp很陌生。我无法理解amp电子邮件发件人将如何看到用户响应数据。例如，如果有一个表单，发件人将如何收集amp邮件收件人在表单中输入的数据，amp For Email与HTML电子邮件非常相似，只是它允许电子邮件发件人支持许多新功能。除了交互式元素之外，它还可以包含您在问题中提到的表单提交等功能 AMP的发件人需要有自己的后端系统来收集AMP电子邮件中提交的表单。例如，请参见以下实现： <!doctype html> <html ⚡4email> <head&
如何在不提前知道图像尺寸的情况下在AMP HTML文章中发布图像？当浏览器遇到没有大小的图像标记时，它会下载图像并查看前几个字节以确定大小。这是非常低效的，因为它必须通过用户的高延迟连接进行。我回答的其余部分提供了两种解决问题的方法： 如何在服务器端查找图像尺寸（发布期间）： 相反，您可以在发布期间在服务器端以最小的开销执行相同的操作。每一种CMS和服务器端语言都有允许查找图像大小的模块。您可以使用像ImageMagick这样的工具（它对所有编程语言都有绑定），但您可能会发现更多只进行大小确定的
正如标题所说：真的有可能构建我自己的标签吗？例如： <amp-mytag /> 让它与AMP环境交互？AMP是否确实公开了一些API来注册自定义组件 谢谢您必须尝试在github上投稿，并获得Google AMP团队的批准
尽管阅读了AMP文档并浏览了留言板，但我仍然不清楚如果AMP页面未通过验证会发生什么。它当然不会出现在AMP故事轮播中——但无效的AMP页面是否仍会被谷歌编入索引并出现在普通的ol搜索结果中？或者只显示rel=“canonical”中指定的“完整”版本 我问这个问题是因为有时候我真的希望页面通过AMP验证（例如，如果我在页面上放置一个包含内联JavaScript的交互式映射）。在这种情况下，我只希望谷歌为完整版本编制索引，而不是一个损坏的、半功能的AMP版本。无效的AMP将不会出现在谷歌搜索中，
有什么问题吗？ 我的表单上有两个输入字段。我为每个输入创建不同的验证，这是我使用自定义验证报告=“提交时显示第一个”的原因。我的第一个输入是目的地，第二个输入是日历。当用户提交没有日期的表单时，我想向用户显示一条验证消息，我能够完美地显示该消息。 但我的问题是，我的第二个/日历输入上有光标指针，我实际上想避免，因为它是一个日期字段，我不想让用户在日期字段上键入，我想让它成为只读的 如果我将readonly放在那里，则第二次输入的自定义验证将无法工作 可能的解决办法是什么 我正在codepen上创
我们希望通过AMP ads实现报头竞价，但是我们的rtc config参数不断被删除。 下面是一个例子： $adcode = '<div class="ad"><amp-ad width=300 height=250 type="doubleclick" data-slot="'. esc_attr( $ad_slot ) .'" rtc-config=\'{ "vendor
我使用amp analytics跟踪用户行为，比如单击，我知道我可以通过使用CSS标识符（比如类、id）在“选择器”下指定元素，或者在我想要跟踪的每个元素上添加data vars-*属性，并跟踪一组元素。但是，有没有更好的方法来更动态地跟踪单击，比如DOM元素的onClick事件监听器，而不是在元素上添加更多属性？谢谢 我还有一个后续问题，若AMP不能访问DOM元素，这是否意味着AMP不能从document.cookie中读取cookie？如果可以，怎么做？AMP如何处理GDPR问题？谢谢
我正在创建一个AMP网站，到目前为止，一切都进行得很顺利。 默认情况下，元素是延迟加载的，这意味着当标记距离当前视口几像素时，将触发获取实际内容的请求。当页面很长且用户可能无法向下滚动到页面底部时，这非常有用。它保存了一些请求 我们是否能够对元素执行相同的操作？我还没有找到任何关于这方面的文档，但它可以节省更多的HTTP请求，因为这些广告通常会触发很多对广告商的请求 谢谢 您可以在amp-ad中使用延迟功能。只需将data lazy fetch=“true”属性添加到amp标记，并指定ad上方的
我们有一个工作板网站，正在测试使用AMP页面帮助SEO的可能性。一切进展顺利，但我们对如何处理1个问题感到困惑 当求职者在我们的普通网站上查看工作详细信息页面（例如会计）时，我们会显示所有相关的工作详细信息，并在页面底部有一份申请表a。该应用程序中涉及到相当多的javascript（而不是我们希望在AMP页面中加入的内容）。假设这是正常站点上的页面：。 在这个普通页面上，我们将有一个指向AMP页面的链接： <link rel="amphtml" href="h