问题标签 [google-amp]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
amp-html - 标记“amp-youtube”中的 HTML 属性“data-videoid”的值无效
Amp-youtube 不支持后备元素,以防 youtube 删除的视频或 url 不正确。
我也在https://github.com/ampproject/amphtml/issues/16434上发布了这个问题
amp-html - Google AMP Story Analytics,使用 Segment
我正在尝试使用Segment来跟踪 Google AMP Stories 的分析。我想跟踪观众点击故事的哪个页面,以及他们与故事互动的其他方式。
我正在使用 Segment 的 AMP Mobile Source 并遵循文档。我在每个 amp-story-page 组件中添加了代码的页面摘录:
当我使用 Segments Debugger 工具测试代码时,它在页面加载时触发了对 Segment 的调用,而不是在查看页面时。
然后我尝试合并来自AMP 故事 GitHub 页面的触发器
但我无法完成这项工作,因为我没有段的请求处理程序...使用此触发器运行我的代码时出现错误:
我也尝试使用与华盛顿邮报类似的代码,后者使用谷歌分析来跟踪他们的 AMP 故事,但我遇到了与上面代码相同的问题。这是华盛顿邮报的代码:
如果有人可以帮助我跟踪查看我的 AMP 故事页面的时间,那就太好了。
rsa - 更新 amp-page RSA-Key
我伙计们,
我必须为不同的域创建/更新很多 amp-page。所以我想知道我是否可以为我的所有域使用相同的 RSA 密钥,或者我是否需要为每个域创建一个。
谢谢。
amp-html - 'amp-fit-text' 中的 'min-font-size' 属性在 'amp-list' 块内不起作用
我有一个amp-list
里面有一些物品。这些项目中的文本有时会超过项目高度。为了解决这个问题,我使用了组件amp-fit-text
。
这个组件增加或减少font-size
,然后,文本适合容器。但是如果我定义了最小字体大小,这个组件可以做一个省略号。在 之外工作正常amp-list
,但min-font-size
没有遵循该属性。在这种情况下,文本将适合内容,而不是使用最小字体大小并创建省略号。
我创建了一个小提琴来展示这两个例子:https ://jsfiddle.net/po5mwLka/2/
php - 为 AMP 页面交换 HTML
有没有办法更改 AMP 页面中的 HTML?例子:
使每个<span class="example1">...</span>
to<a href="example1">...</a>
甚至更好,将 Wordpress 中的特定短代码更改为<a href="example1">...</a>
?
css - 在菜单中居中文本
我正在设计一个 AMP 页面。我无法让Perfect Imprints
菜单中的文本居中并与汉堡包图标位于同一行。我似乎只能让它居中,但在单独的行上 - 或者 - 让它在同一行左对齐。
我该如何解决这个问题?
理想情况下,如果需要,文本可以是徽标图像。但如果没有,那也没关系。
amp-html - 页面在重新打开 amp-lightbox 时锁定
我的客户要求我建立一个纯粹基于 AMP 的网站。在某些页面上,我们有一个 amp-carousel,可以根据文档打开一个 amp-lightbox 设置。问题是,如果有人打开灯箱然后将其关闭,则在尝试重新打开图像时,页面会锁定并需要刷新。
示例页面:https ://www.bookitdirect.com/big-bus-tours/las-vegas
我尝试了各种不同的方法来解决这个问题,但我仍然找不到根本问题。提前感谢您的帮助。
css - 仅使用 CSS 隐藏元素但不嵌套子元素
我在 AMP 页面中有类似的内容(我无法更改其给定的结构,并且 AMP 无法更改!important
):
如何实现隐藏父机器人的 html 而不是嵌套的 a-tag?我试过这个没有成功:
并且:
html - 使用 Google AMP“on”操作参考当前事件的文本内容
我正在尝试将我们的堆栈重写为 AMP 有效
我有以下模式:
- 搜索栏可用于输入查询。
- 当您键入文本 (input-debounce) 时,会显示一个amp-list (未隐藏),并使用event.value的内容(搜索栏输入值)创建一个新的状态变量searchQuery
- amp-state组件调用端点A (以searchQuery作为参数)
- 结果在 amp-list 中显示为带有一些文本内容(我们称之为标题)和空白 href ( # )的链接
现在我想要的是,当您单击列表中的结果时,搜索输入的值将设置为单击元素的值。就像某种自动完成/选择器。
我尝试的是在每个列表项上都有
一个on属性
tap:AMP.setState({searchQuery: event.value})
但是当我单击结果时,搜索栏值始终设置为null。
我试过:event.value
event.target.value
event.innerHTML
event.innerContent
event.text
还尝试将链接(a)替换为跨度按钮等,结果相同。
AMP 真的可以做到这一点吗?
php - 如果是 amp 将内部链接更改为 amp 版本 (WordPress)
我们使用 WordPress,如果链接的页面有 amp 版本,我们希望将 amp 链接到 amp。我们的 amp 结构是这样的:test.de/test/amp
不幸的是,我的functions.php中的这段代码不适用于帖子内容中硬编码的链接。我必须改变什么,所以它适用于每个内部链接:
目前它也适用于规范链接,这对 seo 来说真的很糟糕。如何防止这种情况?