问题标签 [amp-story]
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 故事页面
如何用简单的形式制作有效的 AMP 故事页面？我切换amp-form了组件并尝试通过一些不同的方式添加表单，但所有这些都被识别为无效原因
标签“form”可能不会作为标签“xxx”的后代出现。
amp-html - 是否可以自定义 AMP Stories 的分享按钮位置？
AMP Stories 框架在页面右上角显示一个分享按钮。
有没有办法删除它，或者至少改变它的位置？
该文档没有说明任何内容。我也尝试使用 css 来定位它，但它不起作用。
任何帮助将不胜感激！
amp-story - 有没有一种方法可以在 amp 故事中创建用户交互内容？
我正在构建一个放大器故事，我需要将用户输入作为选择。假设有 3 个按钮Button 1和。如果用户单击内容将显示，其他按钮类似。Button 2Button 3Button 1choice 1
我试图使用AMP.setState它。它适用于普通的 AMP 页面，但是当将 amp 故事添加到页面时，它就不起作用了。
这是上述实验的代码
请看一下并提出一些合适的解决方案。谢谢。
amp-story - 我们可以在 AMP 故事中实现复制到剪贴板吗？
AMP 故事是展示内容的好方法。AMP 中可用的一些元素非常酷。我们可以在 AMP 故事中实现复制到剪贴板吗？
例如，我想向用户显示Copy this coupon and apply之类的文本。当用户按下该文本时，优惠券就会被复制。
可能吗？
amp-html - amp-img / amp-video 响应式，如何修复“图像和视频被浏览器地址栏剪切”
我正在实施放大器故事。
案例：我们在 Instagram 上有很多故事，我们正在将它们迁移到网站上的 amp 故事中。
我正在使用 amp-story，但 amp-img 和 amp-video 的响应有问题。
我认为“响应式”运行良好，因为如果我在 Playground.amp.dev 上对其进行了很好的测试。但是当您在移动设备（chrome 浏览器或 safari 浏览器）上看到图像或视频时，它并不完美。两种情况下的地址栏切掉图像的顶部，如果是 safari，它也会在底部切掉。在 safari mobile 上 40px 和 chrome mobile 上 80px 不算太多。但对于某些图像来说很重要。
有没有机会在不丢失像素的情况下临时隐藏地址栏或调整图像大小？
另一个测试：我为您的图层使用 template="vertical" 和 layout="responsive" 进行了测试，但它使图像非常小并添加了太多颜色背景。
完整测试示例：https ://www.recalculandoviajes.com/amp/poland-test.html
amp-img 标签示例：
amp-video 标签示例：
我希望不要太松散的像素，并在智能手机上看到图像全垂直屏幕。
有没有机会在不丢失像素的情况下临时隐藏地址栏或调整图像大小？
你有什么建议吗？这是一个错误（不考虑浏览器地址栏）？
非常感谢您！
javascript - AMP-Stories 和 Google Analytics 不跟踪事件触发器
根据以下文章/文档，我使用谷歌分析做了一些触发器来跟踪 AMP 故事中的分析：
- https://samuelschmitt.com/google-amp-stories/
- https://github.com/ampproject/amphtml/blob/master/extensions/amp-story/amp-story-analytics.md
- https://www.google.com/search?client=firefox-bd&q=viewing+amp-stories+analytics+in+google+analytics#kpvalbx=_PAhIXd_2IdqU8gLpmJWYCg10
- https://amp.dev/documentation/guides-and-tutorials/optimize-and-measure/configure-analytics/analytics-vendors/
这是中的脚本：
这是里面的内容：
注意：要使 AMP 故事成为有效的 AMP，其中应该只有一个子元素。这就是为什么我在开始标签里面包含了。这会将该页面验证为 AMP 页面。
问题：
虽然我可以看到自己在 Google Analytics Real Time 中处于活跃状态，但并未记录这些事件。我目前的事件总数为 0。页面视图确实有效，但触发器似乎没有。
我似乎找不到出了什么问题。
amp-story - 如何将 none-amp-page 引用到 amphtml 页面和 amp 故事页面
我的网站是基于非 amp 页面的，现在我已经为每个非 amp 页面开发了 amp 页面和 amp 故事，应该如何引用这些页面？
我尝试使用两个“rel=canonical”，但在谷歌搜索控制台中出现错误，当添加两个 AMPHTML 链接时，谷歌停止在搜索结果中显示我的放大器。
如何在我的非 amp 页面中引用我的 amphtml 和 amp 故事，我应该如何在 AMP 页面中引用我的页面？
如何在我的非 amp 页面中引用我的 amphtml 和 amp 故事，我应该如何在 AMP 页面中引用我的页面？
amp-html - What "interactive components" can be used in an amp-story?
It's not clear from the Interactive Components section in the documentation. https://amp.dev/documentation/components/amp-story/#interactive-components.
I'm trying to create a poll within an amp-story, but doesn't seem to be a clear path to it. I tried to hack it with amp-consent, but that's not really working.
amp-html - 如何设置活跃的 AMP 故事页面？
我想将 AMP Story 中的第 3 个故事页面设置为活动状态，因此当用户访问该故事时，我们显示的第一个故事页面就是第 3 个故事页面。
我在 AMP 文档中找不到任何代码，它必须是一个简单的解决方案。
你能建议我什么吗？