问题标签 [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.

0 投票
0 回答
342 浏览

amp-html - 标记“amp-youtube”中的 HTML 属性“data-videoid”的值无效

Amp-youtube 不支持后备元素,以防 youtube 删除的视频或 url 不正确。

我也在https://github.com/ampproject/amphtml/issues/16434上发布了这个问题

0 投票
1 回答
759 浏览

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 故事页面的时间,那就太好了。

0 投票
1 回答
184 浏览

rsa - 更新 amp-page RSA-Key

我伙计们,

我必须为不同的域创建/更新很多 amp-page。所以我想知道我是否可以为我的所有域使用相同的 RSA 密钥,或者我是否需要为每个域创建一个。

谢谢。

0 投票
1 回答
74 浏览

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/

0 投票
1 回答
52 浏览

php - 为 AMP 页面交换 HTML

有没有办法更改 AMP 页面中的 HTML?例子:

使每个<span class="example1">...</span>to<a href="example1">...</a> 甚至更好,将 Wordpress 中的特定短代码更改为<a href="example1">...</a>?

0 投票
2 回答
248 浏览

css - 在菜单中居中文本

我正在设计一个 AMP 页面。我无法让Perfect Imprints菜单中的文本居中并与汉堡包图标位于同一行。我似乎只能让它居中,但在单独的行上 - 或者 - 让它在同一行左对齐。

我该如何解决这个问题?

理想情况下,如果需要,文本可以是徽标图像。但如果没有,那也没关系。

https://codepen.io/anon/pen/KBGzre

0 投票
1 回答
50 浏览

amp-html - 页面在重新打开 amp-lightbox 时锁定

我的客户要求我建立一个纯粹基于 AMP 的网站。在某些页面上,我们有一个 amp-carousel,可以根据文档打开一个 amp-lightbox 设置。问题是,如果有人打开灯箱然后将其关闭,则在尝试重新打开图像时,页面会锁定并需要刷新。

示例页面:https ://www.bookitdirect.com/big-bus-tours/las-vegas

我尝试了各种不同的方法来解决这个问题,但我仍然找不到根本问题。提前感谢您的帮助。

0 投票
2 回答
175 浏览

css - 仅使用 CSS 隐藏元素但不嵌套子元素

我在 AMP 页面中有类似的内容(我无法更改其给定的结构,并且 AMP 无法更改!important):

如何实现隐藏父机器人的 html 而不是嵌套的 a-tag?我试过这个没有成功:

并且:

0 投票
3 回答
596 浏览

html - 使用 Google AMP“on”操作参考当前事件的文本内容

我正在尝试将我们的堆栈重写为 AMP 有效

我有以下模式:

  1. 搜索栏可用于输入查询。
  2. 当您键入文本 (input-debounce) 时,会显示一个amp-list (未隐藏),并使用event.value的内容(搜索栏输入值)创建一个新的状态变量searchQuery
  3. amp-state组件调用端点A (以searchQuery作为参数)
  4. 结果在 amp-list 中显示为带有一些文本内容(我们称之为标题)和空白 href ( # )的链接

现在我想要的是,当您单击列表中的结果时,搜索输入的值将设置为单击元素的值。就像某种自动完成/选择器。

我尝试的是在每个列表项上都有 一个on属性 tap:AMP.setState({searchQuery: event.value})

但是当我单击结果时,搜索栏值始终设置为null

我试过:event.value event.target.value event.innerHTML event.innerContent event.text 还尝试将链接(a)替换为跨度按钮等,结果相同。

AMP 真的可以做到这一点吗?

0 投票
3 回答
1275 浏览

php - 如果是 amp 将内部链接更改为 amp 版本 (WordPress)

我们使用 WordPress,如果链接的页面有 amp 版本,我们希望将 amp 链接到 amp。我们的 amp 结构是这样的:test.de/test/amp

不幸的是,我的functions.php中的这段代码不适用于帖子内容中硬编码的链接。我必须改变什么,所以它适用于每个内部链接:

目前它也适用于规范链接,这对 seo 来说真的很糟糕。如何防止这种情况?