问题标签 [amp-stories]
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.
json - AMP-story json 书挡问题
我创建了一个 Google AMP 故事。它托管在这里进行测试。bookendv1.json 不工作。下面是代码。
任何帮助将不胜感激,因为我只是在学习如何编码。我不知道我做错了什么。我遵循了所有文档,并完全从 Google AMP 故事指南提供的示例中复制了代码。
`
javascript - amp-story 已经注册。amp-story 的脚本标签可能在页面中包含两次
我有一个项目,我试图用一个简单的编辑器构建一个 amp-story 生成器。您可以在https://ampy.co/test/查看当前状态。
这个想法是当您在左侧面板上插入信息时,将在 iframe 元素中重建 amp-story。
这仅在 Firefox 中有效,但在其他所有浏览器中都失败。有没有办法实现我在这里尝试的目标?
重现步骤:
- 打开https://ampy.co/test/
- 打开控制台(开发工具)
- 单击添加图层,或在左侧面板中添加页面
- 检查控制台日志中的所有错误,例如“amp-story 已注册。amp-story 的脚本标签可能包含在页面中两次。”
javascript - 使用 Puppeteer 操作/设置样式 shadowRoot
我尝试在没有声音和分享按钮的情况下截取 AMP 故事的屏幕截图。
在我发现有一种叫做 shadow DOM 的东西后,我想知道如何设置 display : none :
我想我可以像这样访问影子 DOM。
这是我目前正在使用的,
amp-html - 如何在 AMP 故事中发送 AMP 分析以获取书挡 json 中的链接
背景
我有 AMP 页面,特别是AMP 故事,效果很好。此外,分析配置如下所示。音频、书挡进入和退出、页面视图等基本事件的分析......效果很好。
问题
然而,对于下面第二个代码中显示的书挡配置,我无法跟踪 AMP 从 JSON 生成的链接 a href 点击。我尝试了基本的选择器,但这也不起作用。当前书挡配置为 JSON。有没有办法跟踪书挡中链接的点击分析?该文档似乎更多地位于 AMP 页面上。由于书挡相对较新,我担心它有分析支持。
Bookend JSON 看起来像这样
amp-story - 如何将 none-amp-page 引用到 amphtml 页面和 amp 故事页面
我的网站是基于非 amp 页面的,现在我已经为每个非 amp 页面开发了 amp 页面和 amp 故事,应该如何引用这些页面?
我尝试使用两个“rel=canonical”,但在谷歌搜索控制台中出现错误,当添加两个 AMPHTML 链接时,谷歌停止在搜索结果中显示我的放大器。
如何在我的非 amp 页面中引用我的 amphtml 和 amp 故事,我应该如何在 AMP 页面中引用我的页面?
如何在我的非 amp 页面中引用我的 amphtml 和 amp 故事,我应该如何在 AMP 页面中引用我的页面?
javascript - 我们如何跟踪对 amp 故事页面中的链接标签的点击
我有一个 amp 故事,我还使用 Google Analytics 实现了跟踪。诸如故事页面可见之类的事件运行良好。但是,当我尝试在故事页面内的锚标记上跟踪点击事件时,它不起作用。这些是我的触发器和锚标记:
更新代码
单击锚标记或单击工具提示不会触发任何事件。任何建议都会非常有帮助。
amp-html - amp-story-page 最后一个孩子
似乎“ amp-story-cta-layer”和“amp-story-page-attachment”都必须是“amp-story-page”的最后一个子节点才能验证。这是不可能的。可以做什么?我错过了什么?
amp-html - 谷歌故事板功能
我对 Google 讲故事服务有疑问 用户和故事之间不能交换信息吗?无法在故事幻灯片上插入喜欢?不能评论幻灯片?是否可以对用户进行民意调查?