我正在建立amp网站,我使用了一个amp转盘:
我正在使用带有“幻灯片”和“自动播放”选项的旋转木马作为主页的主要横幅,并且我正在尝试更改动画速度,以使幻灯片前进
是否有办法设置动画速度,或者是否有此功能要求?这是我们可以得到的关于旋转木马速度的最接近的答案:
“自动播放”属性必须启用,默认的滑动间隔(我认为是您所指的速度)为5秒。可以使用“延迟”属性覆盖此选项
将幻灯片推进到下一张幻灯片,无需用户交互
如有:
默认情况下,以5000毫秒的间隔(5秒)推进幻灯片
秒);这可以由延迟属性覆盖
问题只属于AMP。我相信这个问题很简单。若试图将元素的位置固定,它会在js控制台中显示警告,并且标题会移动到它应该位于的位置。
我看过一些例子,但是代码/样式太多了,所以我不明白他们是如何完成这项任务的
我需要使元素固定在顶部,而滚动页面,这个元素包含两个按钮-菜单和共享和网站标题,很好,如果按钮可以浮动左/右
我在普通页面(无论是手机还是桌面)上都没有遇到类似问题,但我是AMP新手。我在那里找到了一个解决方案:
它和我需要的不同,它根据文章的部分选择菜单项,当前使用动画和观察者插件阅读。但是我
我知道有类似的帖子,但没有一个能解决我的问题
在搜索控制台中,我有很多“参考AMP URL不是AMP版本”,它向我显示了非AMP URL的列表,例如:
在源代码中,您可以看到具有正确url的amphtml元数据:
AMP页面()是有效的,我在google AMP检查器中尝试了它
如果我尝试在几秒钟后重新运行验证,它会报告上面的错误
您能帮我了解问题出在哪里吗?只要您的AMP页面有效,您就不必担心
采取的步骤
用于查看您的
页面是有效的
在Google搜索控制台内重新触发此项的验证
页面
等几
根据https://developers.google.com/amp/cache/update-cache,我们已成功使用/update cache/c/s/端点进行缓存清除。直到昨天,我们意外地删除了我们正在使用的公钥/私钥
所以。。显然,问题在于AMP缓存的公钥现在与我们当前(新)的公钥不同
(出于隐私原因,我正在使用下面的example.com。很抱歉)
我们生成了一对新密钥,但缓存的RSA密钥没有重新验证,即使我们试图通过
curl-XGEThttps://www-example-co
我的理解是,Reader ID是客户机ID的一个众所周知的实例。但从我所知道的,任何客户机ID都可以被注入到amp:access URL中,所以我完全不明白为什么Reader ID需要存在。文档中包含了一些关于安全性的内容,但没有详细说明。是的,它只是客户端ID的一个实例。它只是有一个标准化的范围,主要原因有两个:
由于访问是内容服务的一个基本部分,因此明确允许在未经同意的情况下使用它
它简化了分析的It参考
是的,它只是客户端ID的一个实例。它只是有一个标准化的范围,主要原因有两个:
由于访问
我想在嵌套的手风琴部分的顶部添加一些文本,如下所示:
<amp-accordion disable-session-states>
<section>
<h4>Section 1</h4>
<p>Bunch of content.</p>
</section>
<section>
<h4>Section 2</h4>
<amp-
我正在努力学习AMP,但有些东西我真的不明白。它与桌面HTML向后兼容吗?如果我创建了一个应用程序,比如AngularJS或Rails,并且我只使用AMP验证的html,我的页面在桌面上看起来还会正常吗?我是否需要专门为移动页面创建一个独特的前端,并对这些页面进行放大
此外,AMP页面如何与CSS交互,特别是与媒体查询交互?我还看到AMP有一个内联样式表。我还可以使用外部常规样式表吗?对于AMP页面,您不能使用第三方JS和CSS。
其次,它也适用于桌面浏览器。但由于标记和外部资源包含的限制,您很
我正试图钩到一个事件的滚动在放大器显示一个简单的返回到顶部按钮。我希望在amp动态css类下找到一些东西。请问其他人是如何做到这一点的 这目前是不可能的,但是正在积极处理的GitHub问题有解决您问题的方法:这目前是不可能的,但是正在积极处理的GitHub问题有解决您问题的方法:您好,欢迎来到StackOverflow。请花些时间阅读帮助页面,特别是命名和的部分。更重要的是,请阅读。您可能还想了解。谢谢,我是SO的热心读者,也是一名经验丰富的开发人员。Amp(谷歌)的人邀请我们过来听听,问这类问
我正在研究为我的电子商务网站提供一些AMP页面。我不认为CMS供应商有能力将动态内容添加到,因此我将很难在这个senerio中发现Amp页面
我正跳着去注入链接
link rel=amftml,如JavaScript上所示,但几年前的这篇文章指出google不会呈现JavaScript,也无法动态生成注入的Head/link标记
这仍然是真的吗。社区对可能解决方案的任何想法 我想为互联网的后代安息。此时,不可能使用JavaScript动态地注入link rel=amftml以使您的AMP内容被g
我试图用API中的数据填充AMP状态,用于AMP电子邮件。我们需要从API提供数据,因为它可以同时动态更改
根据,状态可以从包含到远程JSON端点的CORS URL的子元素或src属性填充,但不能同时从两者填充
实际上,将src添加到amp状态将抛出以下验证错误:
属性“src”可能不会出现在标签“amp state(AMP4EMAIL)”中
您可以通过将以下代码复制到游乐场来测试它
<!doctype html>
<html ⚡4email>
<head>
这在谷歌搜索控制台中显示为一个关键问题,尽管在我看来,规范版本和AMP是
可以在上面的链接中找到解决此问题的步骤。我跟踪他们,得出结论,AMP和canonical页面的一般内容被确定为不一样
以下是原因(我想…)
为了构建一个AMP版本的页面,我必须删除一个动态创建的GoogleMaps(因为它使用javascript,AMPs中不允许),并用嵌入AMP iframe的GoogleMaps()替换它。因此,我认为规范版本(在divs中动态创建)和AMP(使用AMP-iframe)之间的这种“差异
标签: Amp Html
notsupportedexceptionthaigoogle-ampaccelerated-mobile-page
在访问谷歌曼谷总部期间,我们了解到泰国是唯一不支持AMP的国家。(更具体地说,泰语作为英语页面就行了)
由于这次会议是去年三月召开的,我只是想知道它是否仍然准确?(事实并非如此)
现在,我们将在PWA中开发,但我想超越它,创建一个AMPWA(8)
我找不到关于这个问题的任何文档,所以欢迎提供任何信息
谢谢,如果您指的是AMP文档的泰语翻译,您可以查看此文档的右上角。否,请查看AMP本身。谷歌有人告诉我们,AMP在泰国不起作用。如果我没有弄错的话,那是因为泰语的缘故。举个例子,在以前的一款产品上,
我们正在推出一款新的SaaS产品,并打算将博客保留在AMP中,但对于我们的登录页,它的工作原理和定价,如果我们在AMP中同时使用桌面和移动设备,会有什么危害
桌面可能不会增加太多价值,但我们专注于搜索引擎优化+页面速度。只要您在浏览器兼容性方面习惯于AMP理想,就可以将AMP用作完整的框架。目前,它们支持大多数最常用浏览器的最新版本以及Internet Explorer 11()
很少有突破性的改变会影响到生产放大器组件,但当它发生时,他们会很快修复它。我工作的公司已经在AMP上运行了大约8个月
下面链接中的转盘可以使用amp bind或脚本构建吗
主要问题是如何以有效的方式构建它是的,但是您的主页不是AMP,也没有加载相关的库。您是否有一个示例或指向文档,说明如何使用绑定从AMP story player触发AMP story加载?如果主页是AMP页面,并且为该页面加载了AMP bind库,然后,该页面上的所有组件都可以通过amp-bind进行控制。好吧,也不例外。amp故事中可能不包括amp组件。示例:amp-iframe。如果你的努力失败了(按照这个建议),把结果贴出来,我再看一
我正在尝试解决我的网站的AMP实现问题
正如您在下面看到的,所有my AMP页面现在都可以在google mobile searchs上获得:
我的问题是,每次单击AMP页面链接时,我都会得到一个空白页面,如下所示:
但是如果我在一个新选项卡中打开链接,页面就会显示得很好
这真的很奇怪,特别是因为我的所有页面都经过了Google AMP validator的验证,并且该页面由Google AMP缓存正确加载:
要解决此问题,您必须遵循以下步骤:
在手机上使用google AMP搜索:
输入例
让我们假设我有一个html页面www.acme.com/home.html,它谈论猫
在某个时候,我决定提供这样一个页面的AMP版本。我将从原始页面链接(根据文档)此类替代版本。像这样:
<link rel="amphtml" href="http://acme.com/amp-home.html">
从现在开始,我相信会发生以下情况:
用户永远不会直接访问amp home.html。他/她为什么要这样做?我没有将该页面链接到任何地方,因此除非他阅读HTML源代码,否则他将永
我对amp图像灯箱有问题。我当前的图像标签指向全尺寸图像的裁剪图像。在桌面上,单击时任何裁剪的图像都会在lightbox中以全尺寸显示。有没有一种方法可以让它以同样的方式使用amp页面的amp图像灯箱
我设法让它工作,但我在lightbox中看到的是裁剪后的图像,而不是全尺寸的图像不确定这是否适用于amp image lightbox。但是,使用放大器灯箱很容易实现相同的行为:
<amp-img class="cropped"
on="tap:my-lightbox
如何在amp页面中设置如下内容
<p align="center"><img src="img/LOCK1.png" width="40"> <img src="img/lock2.png" width="40"> <img src="img/LOCK3.png" width="40"></p>
谢谢大家! 对于amp,您需要使用amp img标签
AMP HTML文件不支持普通HTML img标记。与放大器img放大器提供了一
使用指南在AMP缓存中测试表单时,我在控制台中得到以下错误,但在域中没有得到
阻止表单提交到“”,因为表单的框架已沙盒化,并且未设置“允许表单”权限
形式
成功!
错误!
form_post.php
<?php
if(!empty($_POST))
{
$name = $_POST['name'];
$email = $_POST['email'];
$to = "*******.co.uk";
$subject = "Website Enquiry";
$t
看看AMP规范,考虑到定制样式元素对CSS变量的依赖,这意味着当前的浏览器支持范围很窄。见:
我猜非定制样式有一个“优雅的回退”,因为不理解CSS变量的浏览器只会忽略那个CSS
是否有AMP的浏览器兼容性/支持列表?浏览器支持
一般来说,我们支持两个主要浏览器的最新版本,如Chrome、Firefox、Edge、Safari和Opera。我们支持桌面、手机、平板电脑和这些浏览器的网络视图版本
除此之外,核心AMP库和内置元素的目标应该是非常广泛的浏览器支持,我们接受所有市场份额超过1%的浏览器的
我正在努力创建一个带有不同尺寸图像的放大器转盘。我想将旋转木马中的图像缩放到固定高度&自动宽度
文档中提供的示例都具有相同的宽度/高度
我曾尝试使用layout=“fixed height”忽略amp-img元素的宽度,但根本不起作用。这些文件非常混乱
<amp-carousel width=500 height=300>
<amp-img src="http://placehold.it/200x600" width=200 height=600></am
标签: Amp Html
accelerated-mobile-pagegoogle-amp
我理解,理想情况下,应该添加
<link rel="amphtml" href="http://www.example.com/url/to/amp/document.html">
转到非amp页面
及
到放大器页面
但是,不幸的是,我没有权限将链接rel=amftml添加到标准页面非amp页面。amp页面被谷歌索引和缓存是必须的,还是仅仅意味着原始页面的搜索积分不适用于amp页面
如果我在没有原始页面链接的情况下创建amp页面,会有什么影响?是,这是强制性的。这是搜索引擎SE查找
我正在尝试将tap事件附加到div。我有以下代码片段
<div class="scroller" on="tap:description.scrollTo(duration=500, position=top)">
<svg id="svg-icon-scroller" width="574px" height="574px" viewBox="0 0 574 574" version="1.1" xmlns="http://www.w3.org/2000/svg">
我试图在新的AMP布局中防止帖子中出现断字。我用头版的摘录修复了这个问题:
.fbp-cnt p, .fsp-cnt p {
word-break: normal;
}
然而,我似乎不能在实际的帖子中做同样的事情
这就是我所看到的:
.cntn-wrp {
font-size: 18px;
color: #000;
line-height: 1.7;
word-wrap: break-word;
}
我试着将换行符更改为正常,或者将换行符从换行符更改为
当缓存并从谷歌提供服务时,我们的AMP网站出现问题
问题是:amp列表为空,未填充
请自行查看:
访问(这是我们的手机/amp版本。您会看到一切正常)
现在,请使用手机(在谷歌上)搜索“图形比赛”。我们的网站是搜索结果的第一站。您将在我们的URL旁边看到AMP徽标
点击搜索结果。谷歌将立即为您提供我们的AMP网站。但是它是空的未显示任何文章
当您搜索例如“插图竞赛”时,也会出现相同的行为。谷歌将为您提供我们的AMP版本(),但同样,为空
为什么
我们的amp列表有一个指向.json文件的src。
我加载amp转盘版本2,如下所示
因为我想允许自动播放。
但放大器转盘的指示灯不自动工作。
(如果我点击一个指示器,它就会工作。)
我想链接到转盘(幻灯片)和指示器
・・我是日本人。
对不起,我的英语不熟练
<section class="area_content_slides">
<amp-state id="carousel">
<script type="application/json">{"slide":0}</script>
我可以用xhtml代替吗。
我看到它可以工作,但它是否受支持?是,它受支持。
要亲自确认,您可以在url的末尾添加#development并检查浏览器控制台。它将显示任何amp验证错误 不能使用XHTML表单。这与放大器无关。AMP中不支持XHTML自动关闭标记
使用#development=1验证URL时,出现以下错误:
属性“cite”可能不会出现在标记“q”中。
所讨论的标记是这样使用的:lorem ipsum
我在文档中找不到有关此问题的任何信息,是否有解决方法?我在github.com/ampproject/amftml/issues上得到了以下回复
最新版本中实际上允许使用此标记/属性对,但是
可能需要一到两周的时间,我们才能在各地推广。在
同时,我让开发人员控制台错误继续显示它
以避免混淆。如果您想忽略这些消息,请删除您的页面
很快就会生效
是否需要限制对AMP-ping url的请求?我有一个罕见的情况,页面更改可能需要更新大约20000个URL的缓存。但不指示是否应限制对ping url的请求
在我的情况下,请求将以串行方式发出,因此我怀疑负载是否会有任何问题。我只是想确保它是允许的,而且我不会因为超过了未记录的限制而被拒绝。我认为没关系,只是不要让你的放大器达到配额限制。请记住,AMP URL API的配额为每天1000000个请求,每100秒1000个请求,您也可以在这里进行检查。您可以在开发人员控制台中再次检查它。有关更多
我已经添加了一个使用amp表单组件的表单,它可以完美地验证
但是,当我提交表单时,我得到了一个错误:
log.js:399未捕获语法错误:表单提交失败::JSON中位置1处的意外标记
我想把它转换成AMP友好的版本
尝试将该组件放在一个中,我做过但没有显示任何内容。您能提供一些您所做的示例代码吗?这只是一个JS小部件吗?首先,src中的URL必须是https。如果这不起作用,请尝试使用普通HTML创建另一个页面,即foo.bar/widget.HTML,并在amp-iframe中使用该页面,即。不太确定这是否可行,但测试它并没有什么坏处。尝试将该组件放入一个中,我做过,但没有显示任何内容。您能提供一些您所做的示例代码吗?这只是一个JS小部件吗?首先,src中的URL必须是ht
我在我的网站上实现了一个amp实验,效果很好。很明显,我想为这个实验收集和分析数据。我已经搜索和尝试了几个小时,但似乎不知道如何才能获得关于使用谷歌标签管理器为访问者运行的实验的信息
演示了如何使用amp-pixel收集数据,但我想知道是否有办法使用GTM。我尝试在GTM中创建一个自定义AMP变量,将variant和variant作为值,但它似乎没有将任何数据与此变量关联
非常感谢您的指点,谢谢 好的,如果你查看文档,你在这里找不到任何词,这个放大器实验可以使用。我在这里找到了一个使用谷歌标签管
我有一个关于编程的网站,它有一些关于代码块的文章。现在Google网站管理员工具报告我,我的AMP实现有一些问题
我已经搜索了一些,我认为问题在于代码块的使用,如下所示:
<pre lang="c">
#include <stdlib.h>
#include <stdio.h>
#include <gmp.h>
...
</pre>
#包括
#包括
#包括
...
AMP工具分析此代码并向我报告一些问题,例如:
假设我只想在用户自己需要时提示amp同意层,并且只要没有获得选项,就不显示它
我的端点主要由AMP本身提出的代码组成:
echo json_encode(['promptIfUnknown' => 'false/true']);
我不确定,但出于某些原因,将名称“promptIfUnknown”更改为其他名称,例如“whatever”的行为符合要求,但我宁愿以正确的方式应用它
有没有可能禁用默认功能?有没有什么特别的原因让你回显它并用PHP对它进行编码,而不仅仅是打破PHP标签来设置你的
我正在尝试发送一个跟踪标记,其中包含成功事件提交响应的元素。
所以它意味着一个标签,看起来像这样:
<amp-analytics type="atinternet">
<script type="application/json">
{
"vars": {
"site": "SITE",
"log": "LOG",
"title": "TITLE",
"
标签: Amp Html
accelerated-mobile-pageamp-analytics
我有一个amp页面,我想跟踪我们的分析工具
跟踪像素的非放大器实现如下所示:
var payload = {a:1,b2}
var img = document.createElement("img");
img.src = "http://www.examplepixel.com?data=" + encodeURIComponent(payload)
我已经阅读了有关amp pixel和amp analytics的文档,我认为没有办法执行编码
我如何才能做到这一点?放大器的方式是使用放大
我正在尝试为一个电子商务网站制作一个产品页面,问题是我不知道如何根据用户选择的颜色动态更改产品的可用大小
我突然想到要这样做,但我找不到一种方法让amp mustache知道并迭代颜色[selectedColor]。显示该颜色可用大小的大小,有什么想法吗
谢谢大家!
<amp-list src=".../amp/{{ productId }}" items="." single-item=".">
<template type="amp-mustache">
标签: Amp Html
double-clickgoogle-dfpgoogle-ad-manageramp-ad
我们正在尝试动态调整“amp ad”的大小,但包含广告的iframe显示为1x1,而不是300x250
我们确实使用“amp广告”和“通用”创意(设置尺寸为1x1,如本文所述),但尽管amp广告的高度和宽度为“300x250”,但广告以1x1呈现
<!doctype html>
<html ⚡ lang="en">
<head>
<meta charset="utf-8">
<title>AMP Ads</title>
我最近在我的教育平台上的文章中添加了AMP版本。然而,谷歌搜索控制台将我的AMP页面评估为无效(屏幕右侧):
与此相反,AMP测试工具声明AMP页面有效(屏幕左侧)
选中的链接相同(用蓝色标记)
其他信息:
-org使用vue.js,AMP引用通过js注入(唯一可能的选项)
关于如何解决这个问题有什么想法吗
更新:
AMP页面是否被评估为有效似乎取决于其引用方式:
有效期:
无效(尽管使用相同的url):
在非AMP页面中,标签应该出现在原始HTML中,而不是通过JavaScript注入
我试图在我的一个AMP页面上实现OpenCMP(),但在尝试了一小段时间后,我被卡住了
AMP文档“支持的许可管理平台”一节指向MD文件()。看起来该文件中的示例未完成或文档记录不完整(我不知道,信息是零碎的)。
没有关于如何设置OpenCMP提供程序的信息。为了消除控制台错误,我必须深入研究GitHub历史()
OpenCMP页面只显示登录页面,没有内容或实现信息
OpenCMP完成并工作了吗?现在,出于好奇,我提出这个问题,作为Quantcast AMP实现的替代方案,即使您有帐户()也可以
我很确定我知道答案,但找不到确切的是/否
是否有一种方法,例如api调用,使一个页面存储在谷歌的amp缓存中,以迫使它获得该页面的新副本
社论想知道,当他们在cms中更新页面时,谷歌也会得到更新。有两种方法来处理这个问题:让谷歌自己做和/或自己做。如果你让谷歌这么做,那就是一个黑箱——只有谷歌知道他们如何管理他们缓存的数据。如果您要在自己的CDN中部署数据,那么-不必用显而易见的答案让您感到厌烦
回答您的具体问题:不,没有API强制在Google CDN中创建AMP页面的新副本。但是,如果您使用
我阅读了谷歌AMP的指南,有两个问题
这是否意味着我需要为我的整个网站创建重复的Google AMP页面?包括登录页、隐私页,而不仅仅是内容页
我需要为谷歌AMP页面创建404页面吗
不,您只需要为文章和其他将从中受益的内容创建AMP页面
对于AMP,您不需要单独的404页。你的常规404页面应该没问题。谷歌的AMP缓存CDN将看到你的404,并作出适当的反应,我相信
我正在尝试渲染类似于的amp文档
当我这样做的时候
fetchDocument(url).then(function(doc) {
// Let AMP take over and render the page
var ampedDoc = AMP.attachShadowDoc(container, doc, url);
ampedDoc.close();
});
amp文档(从url获取)放置在容器中,但不会呈现amp标记
例如:
我正在使用第三方公司向未登录的用户显示计数(免费文章查看计数)。第三方公司通过检查AMP生态系统提供的读卡器ID来检查用户的登录状态
问题是,用户可能已经从各种非AMP通道(cookie、令牌等)登录。因此,他们将没有可用的读卡器ID。我的问题是:有没有办法在AMP生态系统之外生成READER_ID,以便第三方公司能够跟踪用户的状态
<script id="amp-access" type="application/json">
{
"authorizatio
我正在学习教程的这一部分:
任务是打开按钮
初始代码:
<h1>Posts</h1>
<amp-live-list
id="my-live-list"
data-poll-interval="15000"
data-max-items-per-page="2">
<button update on="tap:my-live-list.update">You have updates!</button>
<div
我注意到,当AMP将我的转换为时,它还将以下内联样式添加到
现在的问题是,我有以下不起作用的规则:
.slideshow .slide amp-img img {
object-fit: cover;
}
唯一可以覆盖内联样式的是!重要信息,它会自动删除
有没有办法摆脱这种内联样式?Hi,您是否按照amp at-@RohitAmbre的建议尝试了“固定容器”容器div?是的,我已经尝试了所有布局。例如,固定容器移除整个amp img。请注意,我让AMP将img转换为AMP img>im
试图添加一个循环到amp基础转盘,但当我点击上一个或下一个箭头时,没有循环发生。旋转木马到达最后一个图像后,箭头将被禁用
<amp-base-carousel height="300" width="1100" layout="fixed" visible-count="(min-width:840px) 3, (min-width: 440px) 2, 1" advance-count="2&q
有可能回拨lightbox吗?我在lightbox中有一个表单,希望自动聚焦它,但它不能通过html自动聚焦属性工作。因此,我想捕捉事件,然后灯箱可见并通过编程将其聚焦。不幸的是,我没有看到任何关于amp lightbox中自动聚焦的文档。到目前为止你试过什么?你能发布你的代码来帮助你更好吗?我还没有解决方案!!!
我的放大器有问题。
对于我所有使用AMP的URL,它不会显示图像
下面是一个使用AMP的URL,它可以工作:
以下是谷歌显示的URL:(使用chrome设备工具栏打开)
如你所见,它正确地显示了没有谷歌的图像,当谷歌显示URL时,所有图像返回404
我试图清除它,但没有运气
你有什么想法让我试试吗
谢谢。谷歌AMP缓存将获取和缓存您的AMP,包括链接的资产,如字体、视频和图像。在您的情况下,看起来您正在阻止从域外访问您的图像(例如,无法在浏览器中打开)。这意味着缓存无法获取您的图像,因此无法
我对jpg使用webp和回退,如:
<picture>
<source srcset="img/my.webp" type="image/webp">
<img src="img/my.jpg">
</picture>
但是,标签是禁止输入的。
如何处理将webp与回退到jpg一起使用的问题?您可以通过在amp-img中定义回退映像来实现这一点:
<amp-img alt="Mountains"
width="550"
上一页 1 2 3 4 5 6 ...
下一页 最后一页 共 18 页