问题标签 [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 投票
1 回答
1484 浏览

reactjs - 使用 ReactJS 实现 AMP

在哪里编写用于获取数据的服务器端网络调用以及使用 ReactJs 的所有生命周期方法?

注意:与 ReactJS 一样,文件是使用 .js 扩展名创建的,并且需要许多 ReactJS 导入(例如 import React, {Component, PropTypes} from 'react'

所以 amp 允许这些导入,因为一切都是 js。

0 投票
2 回答
8409 浏览

html - 如何将 Facebook 的像素添加到 Google 的 AMP 中?

目前,Facebook 和谷歌似乎还没有人将 Facebook 跟踪像素添加到amp-analytics中。

这里有人知道怎么做吗?示例代码或github是首选。

非常感谢您

0 投票
1 回答
71 浏览

amp-html - 如何为 AMP 提供动态结构

我确实发布了一个静态结构的 AMP 页面,但我想用 AMP 实现“酒店搜索”网页。如何使用 AMP 提供这种动态结构?

0 投票
1 回答
741 浏览

amp-html - 在 Google AMP 中更新值后提交表单

在这里,我对选择框进行了排序,并在选择框的更改、第一次设置隐藏值状态和第二次提交表单时执行了 2 个事件。

我需要提交具有更新的隐藏排序值的表单,但是,每次我更改选择框表单时都可以提前提交,然后更新隐藏值。

所以,我需要延迟提交表单或在隐藏值更新后提交表单。

你能指导我怎么做吗?

0 投票
4 回答
7336 浏览

php - 如何将HTML 中的标签替换为标签?

我想将 HTML 页面转换为 Google AMP 页面,但我遇到了这个问题,我有很多<img>想要转换为<amp-img>标签的内容。

比如我想转:

变成这样的东西:

我试图用 PHP 替换这些标签,但没有奏效。

0 投票
1 回答
66 浏览

wordpress - 每当我们访问我们的 amp 网站时,Google amp 是否会更新我们的缓存?

我为 Google 更新缓存创建了自己的 Wordpress 插件。

但是我不确定我的插件是否工作......每当我更新它时,它不会改变一段时间。有时不到 5 分钟就可以改变,有时需要 10 多分钟。

我总是在更新我的帖子后刷新我的 CDN 站点,所以如果一个网站在访问时没有从 Google 缓存 CDN 站点自动更新,我就会知道我的插件正在工作。

所以我的问题是:

每当我们访问我们的 CDN 站点时,我们的站点是否会从 Google 缓存 CDN 站点自动更新?

0 投票
1 回答
1507 浏览

json - 在 AMP 中显示通过 AJAX 调用的 JSON 中的内容

我正在尝试实现一个站点的 AMP 版本,该站点正在调用第 3 方休息端点。端点提供 JSON 数据,部分数据应显示在网站上。

我已经尝试过 amp-list,这对我没有帮助,因为称为 JSON 的不是数组。amp-bind 也无济于事,因为我不想在单击按钮后更改内容,它最初应该在那里。

帮助理解我的问题的小示例代码:

3rd Party API 提供的 JSON 看起来像

然后我想在我的 .html 中访问该 JSON 对象的值,类似于这个伪代码示例

0 投票
1 回答
129 浏览

javascript - 使用 amp-analytics - 无供应商:尝试向我的页面发送数据时出现 http 错误 404

我正在尝试实施 amp-analytics - 没有 Google AMP 页面的供应商,用于网页浏览。我使用 URL 参数将指标发送到页面以定义我要跟踪的内容,并且此 URL 可以正常工作:

我收到一条回复,说明数据已收集。

现在,当我在 Google AMP 页面中实现它时,当它调用我的 URL 并发送参数以收集数据时,我收到由 Google transport.js 库触发的错误代码 404,第 84 行。

transport.js:与问题相符的是:

这是来自 transport.js 的上下文:

我正在使用的分析代码在 AMP 页面中是这样的:

我在页面中没有收到其他错误代码,并且#development=1在 URL 中使用我AMP validation successful在浏览器的控制台中收到消息。

404错误的详细信息:

那么,如果相同的 URL 在浏览器中有效但在 Google transport.js 库中失败(错误代码 404),为什么?

0 投票
0 回答
242 浏览

amp-html - AMP amp-user-notification data-dismiss-href 请求发出两个请求

所以我在我的网站上几乎完全实现了 amp,但我目前正忙于完成 EU-Cookie 同意的内容。现在,我正在使用 amp-user-notification 在屏幕的下角向用户显示正在跟踪 cookie 的通知。我配置了一个 data-show-href 并正在检查我试图在 data-dismiss-href 处理程序中设置的 cookie。

在 data-dismiss-href 中,我只是调用了一个 .net httphandler,它设置了一个 cookie,设置了响应的标头并写入了一个空白响应(因为 Google 在他们的文档中声明它不会期望任何返回)。

问题实际上是当我首先单击关闭按钮时,它会向我提供的 url 发出 POST 请求,它设置 cookie,并且响应写为 200 OK。但是由于某种原因,对用户所在的实际页面发出了另一个 POST 请求,这导致了以下错误:

解析响应 JSON 失败:SyntaxError: Unexpected token < in JSON at position 0​​​​</p>

当然这是因为对页面的 POST 请求返回的是 HTML,而不是 JSON 数据。所以我不确定它为什么要发出第二个 POST 请求。有任何想法吗?

0 投票
0 回答
699 浏览

iframe - 有没有办法从其中的 iframe 中获取 AMP HTML 的引用者?

我们已将 AMP 分析脚本与 amp-iframe 标签集成在一起。由于各种原因,我们无法使用 amp-analytics 标签。我们需要 iframe 中的 AMP HTML 引荐来源信息,以识别 AMP 页面的流量来源。amp-iframe src 将指向我们的域/子域。当从 Google CDN 加载 AMP 页面时,它将位于不同的域中。有没有办法在 amp-iframe HTML 中获取 AMP HTML 的引用者?

请查找示例 AMP HTML 结构

我正在尝试在 iframe 中获取 AMP HTML 的引用信息https://iframe.example.com/amp-analytics

先感谢您。