问题标签 [accelerated-mobile-page]

我刚开始我的第一个 AMP 项目，想启用缓存功能。所以我找到了这个网页（放大器转换器）。当我调用转换后的链接时，不会显示我的 amp-img。我在 firebase 上托管我的网站，但我认为这不是问题。我的代码在github 上。

转换后的链接是（https://neverforget--1b1ca-firebaseapp-com.cdn.ampproject.org/c/s/neverforget-1b1ca.firebaseapp.com/）

原文是（https://neverforget-1b1ca.firebaseapp.com/）

我的 amp-img 看起来像这样：

我有点困惑，但是当我启用谷歌缓存时，这会在移动设备上为我的网页启用谷歌放大器查看器吗？

我将 PWA 与 AMP 一起使用。我想跟踪点击添加到主屏幕按钮的用户，但 AMP 不允许自定义 javascript。我使用 amp-analytics 组件。如何在 AMP 上触发 PWA 的“beforeinstallprompt”事件？

在 Google Search Console 中有一个选项可以查看有多少 AMP 页面已编入索引，以及有多少包含一些错误。当我打开某个错误时，我可以看到哪一页包含问题。我可以对 AMP 友好的索引页面做类似的事情吗？因为现在我可以看到例如有 20 个 AMP 页面被 Google 索引，而另外 15 个没有。

问：我可以查看我的哪些 AMP 网页已编入索引吗？

我们有一个双语网站，为移动网站实施了 amp。我们正在使用 type="doubleclick" 的 amp-ad 标记，广告在英文版网站上呈现良好，而其他语言则显示空位。

这是代码：

还有它的外观截图。

泰卢固语页面上的广告：

我正在尝试跟踪文章的点击。

设置：

• 在 facebook 上添加启用amp的 wordpress 文章。
• 这篇文章包含在 url shortner 中。

问题：

• 点击次数差异是唯一和最大的问题。

• 这种差异是 10 倍。因此，fb 显示了大约 300 次点击，而较短的服务器日志显示了 2.5-3k 次点击。

• 我认为它与shortner 有关，所以尝试使用不同的shortner，如goo.gl、post.st。还使用Yourls（php）编写了我自己的代码。

• 我确实尝试使用我自己的 url 系统检查引荐来源，并且所有参考似乎都是有效的 fb 点击。

现在我需要一些解决方案来解决这个问题。我需要知道如何减少这种差异。我认为这与 AMP/FB Instant 文章有关。

尝试实现 amp-list，它适用于示例 json 文件，但是当我尝试从启用 HTTPS 和 CORS 的上游 api 获取数据时抛出错误 400

我有一个 amp 站点的开始，我希望利用 Google AMP Cache。我了解生成 cdnAmpURL 的说明，我可以看到我应该使用它们来预取字体和图像等内容，但我不明白在哪里使用它们以获得最大利益。

我是否：

• 在我的规范页面上使用它们？
• 建立一个特定的sitemap.xml 吗？
• 在广告中使用它们？
• 将它们提供给外部链接提供商？
• 用它们替换我网站内部的相对路径 URL？

我只是不明白这一点，任何指针将不胜感激。

我们有一个基本表单，我们试图将其发布到 MySQL 数据库。在 AMP 之外，它可以工作。

当我们使用 AMP 提交表单时，它返回错误：“无法解析响应 JSON:: Unexpected token”。

即使我们从处理程序脚本中完全删除 PHP，它也会返回相同的错误。

我们回到了基础，只是复制了https://ampbyexample.com/components/amp-form/上的示例，并且仅将行更改<form method="POST" action-xhr="/components/amp-form/submit-form" target="_top">为指向action-xhr="https://ourdomain.com/form-handler.php".

因此，即使没有 PHP 和 AMP by Example 表单的精确副本，它也会返回解析响应 JSON 错误错误。

我们尝试了各种 PHP 来接收 JSON 数据，但它不只是返回错误。我们还没有找到任何关于如何编写兼容的 PHP 处理程序脚本的教程。

经过几个小时的谷歌，我们将这些行添加到我们的 .htaccess 中：

不幸的是，这没有帮助。

除了 AMP by Example 页面之外，我们找不到任何其他教程，该页面仅显示部分过程而不是处理程序脚本。

谢谢

我的网站采用 3 栏设计。

我坚持优先考虑谷歌 PageSpeed 测试的可见内容

它说“即使有完整的 HTML 响应，也无法呈现最终的首屏内容。”

有时当我编辑代码时，味精会变成“最终的 xx%....”。

% 是怎么计算的？我必须做些什么来解决这个问题？

这是我的测试站点：https ://yudans.net/index2.php

和 PageSpeed 报告：https ://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fyudans.net%2Findex2.php&tab=desktop

我做了什么 ：

• 取消所有渲染阻塞元素，
• 将首屏内容的 css 放入标签中，
• 调整好所有使用的图像的大小，
• 没有使用外部 javascript/css 并且
• 通过 AMP HTML (validator.ampproject.org/#url=https%3A%2F%2Fyudans.net%2Findex2.php)

我还能做什么？谢谢！

我发现了一些关于通过 Accelerated Mobile Pages 中的点击事件显示/隐藏/切换元素可见性的信息。它在文档中被称为全局显示/隐藏/切换可见性操作。这里还有一个示例如何使用它。

问题是它在当前状态下不起作用 - 至少对我而言。对上面示例的简要测试（参见：https ://plnkr.co/edit/CspuKe1I5LHTdHBWB3Cn?p=preview ）给了我一堆Action Error: Target element does not support provided action in [tap:normal-element.show] on [[object HTMLDivElement]]错误。

我错过了什么吗？我如何在元素上使用全局show//操作hide？toggleVisibility<div id="my-element">Hi</div>