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

0 投票
2 回答
713 浏览

json - AMP-story json 书挡问题

我创建了一个 Google AMP 故事。它托管在这里进行测试。bookendv1.json 不工作。下面是代码。

任何帮助将不胜感激,因为我只是在学习如何编码。我不知道我做错了什么。我遵循了所有文档,并完全从 Google AMP 故事指南提供的示例中复制了代码。

`

0 投票
1 回答
297 浏览

javascript - amp-story 已经注册。amp-story 的脚本标签可能在页面中包含两次

我有一个项目,我试图用一个简单的编辑器构建一个 amp-story 生成器。您可以在https://ampy.co/test/查看当前状态。

这个想法是当您在左侧面板上插入信息时,将在 iframe 元素中重建 amp-story。

这仅在 Firefox 中有效,但在其他所有浏览器中都失败。有没有办法实现我在这里尝试的目标?

重现步骤:

  • 打开https://ampy.co/test/
  • 打开控制台(开发工具)
  • 单击添加图层,或在左侧面板中添加页面 左侧面板的图像
  • 检查控制台日志中的所有错误,例如“amp-story 已注册。amp-story 的脚本标签可能包含在页面中两次。”
0 投票
0 回答
409 浏览

amp-html - 是否可以自定义 AMP Stories 的分享按钮位置?

AMP Stories 框架在页面右上角显示一个分享按钮。 有没有办法删除它,或者至少改变它的位置?AMP 故事分享按钮

该文档没有说明任何内容。我也尝试使用 css 来定位它,但它不起作用。

任何帮助将不胜感激!

0 投票
1 回答
2870 浏览

javascript - 使用 Puppeteer 操作/设置样式 shadowRoot

我尝试在没有声音和分享按钮的情况下截取 AMP 故事的屏幕截图。

在我发现有一种叫做 shadow DOM 的东西后,我想知道如何设置 display : none :

我想我可以像这样访问影子 DOM。

这是我目前正在使用的,

0 投票
1 回答
398 浏览

amp-html - 如何在 AMP 故事中发送 AMP 分析以获取书挡 json 中的链接

背景

我有 AMP 页面,特别是AMP 故事,效果很好。此外,分析配置如下所示。音频、书挡进入和退出、页面视图等基本事件的分析......效果很好。

问题

然而,对于下面第二个代码中显示的书挡配置,我无法跟踪 AMP 从 JSON 生成的链接 a href 点击。我尝试了基本的选择器,但这也不起作用。当前书挡配置为 JSON。有没有办法跟踪书挡中链接的点击分析?该文档似乎更多地位于 AMP 页面上。由于书挡相对较新,我担心它有分析支持。

Bookend JSON 看起来像这样

0 投票
1 回答
148 浏览

amp-story - 如何将 none-amp-page 引用到 amphtml 页面和 amp 故事页面

我的网站是基于非 amp 页面的,现在我已经为每个非 amp 页面开发了 amp 页面和 amp 故事,应该如何引用这些页面?

我尝试使用两个“rel=canonical”,但在谷歌搜索控制台中出现错误,当添加两个 AMPHTML 链接时,谷歌停止在搜索结果中显示我的放大器。

如何在我的非 amp 页面中引用我的 amphtml 和 amp 故事,我应该如何在 AMP 页面中引用我的页面?

如何在我的非 amp 页面中引用我的 amphtml 和 amp 故事,我应该如何在 AMP 页面中引用我的页面?

0 投票
2 回答
895 浏览

javascript - 我们如何跟踪对 amp 故事页面中的链接标签的点击

我有一个 amp 故事,我还使用 Google Analytics 实现了跟踪。诸如故事页面可见之类的事件运行良好。但是,当我尝试在故事页面内的锚标记上跟踪点击事件时,它不起作用。这些是我的触发器和锚标记:

更新代码

单击锚标记或单击工具提示不会触发任何事件。任何建议都会非常有帮助。

0 投票
1 回答
224 浏览

seo - AMP 故事在 Google AMP 验证中被标记为 noindex,但 AMP 故事中没有 noindex 标签

我有一个 AMP 故事页面,即使 AMP 验证器将其视为有效,Google AMP 测试也会提示我它是无效的,并显示索引错误URL marked 'noindex'

显然,我在页面内容上没有任何 noindex 元数据,而且我不知道为什么 Google AMP 测试不能验证这个故事。

任何线索将不胜感激!

AMP 故事页面

AMP 验证器测试

谷歌 AMP 测试

0 投票
1 回答
68 浏览

amp-html - amp-story-page 最后一个孩子

似乎 amp-story-cta-layer”和“amp-story-page-attachment”都必须是“amp-story-page”的最后一个子节点才能验证。这是不可能的。可以做什么?我错过了什么?

0 投票
1 回答
30 浏览

amp-html - 谷歌故事板功能

我对 Google 讲故事服务有疑问 用户和故事之间不能交换信息吗?无法在故事幻灯片上插入喜欢?不能评论幻灯片?是否可以对用户进行民意调查?