问题标签 [amp-form]

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 回答
428 浏览

google-analytics - 将 amp-form 事件连接到 Google Tag Manager Ads-conversion 代码

我有一个带有 amp-form 的网站。我想使用此处amp-form-submit-success记录的 amp-form 事件跟踪 Google Ads 转化。

Google 跟踪代码管理器的 AMP 容器似乎只支持一些触发器,如 Click、Scroll、Timer 等。没有自定义触发器。因此,我创建了一个不带触发器的广告转换代码,希望我能以某种方式从<amp-analytics>代码配置本身手动触发它。

我尝试过的一件事是将 adwords 标签直接添加到<amp-analytics>配置中,如下所示:

上面的代码基于 Google Ads 为我生成的安装代码。我刚刚尝试用 amp-form 事件替换 click 事件。这是标准代码:

我从我的代码中收到一条错误消息,提示触发器缺少请求属性(确实如此)。但我不知道那个请求网址是什么。

有没有人设法将 amp-form-submit-success 与 Google Ads 转化挂钩?使用或不使用 Google 跟踪代码管理器?

GTM AMP 容器是否只支持内置的 Click、Scroll、Timer (etc) 触发器而不支持其他?

0 投票
0 回答
163 浏览

amp-html - 如何使用 amp-form 设置 ajax 标头

我的旧代码中有一些代码。

如何使用 amp-form 做到这一点?

0 投票
1 回答
487 浏览

amp-html - 如何修复在 AMP 中提交时的联系表单错误?

我尝试从 www.lightmorelight.com 提交表单,但在搜索控制台中出现错误:响应必须包含 AMP-Access-Control-Allow-Source-Origin 标头。我想不通

这是我的代码:

任何帮助,将不胜感激!

0 投票
1 回答
156 浏览

amp-html - 提交表单后如何在 mustache 模板中实现 amp-analytics 视图跟踪器

我有一个 amp 表单,当我提交它时会返回一个 json 值,然后我将数据绑定到 amp-mustache 模板中。问题是我需要使用 amp-analytics 来跟踪视图并在这些结果中单击。但是当小胡子模板可见时,分析代码不会被触发。任何人都有同样的问题或已经找到解决方案?

谢谢

0 投票
1 回答
339 浏览

amp-html - 放大器多页表单按钮禁用,直到选定的字段完成

我有一个多页表单,我只想在完成所有字段后才允许“下一步”按钮工作。我已按照以下链接进行操作;

放大器多页流

这显示了我如何为单个单选按钮实现这一点,但是,我如何扩展它以适用于同一部分中的多个输入?

还有可能不是简单地禁用按钮,而是在单击按钮时提供某种反馈(即触发所需输入的错误弹出窗口)?

0 投票
1 回答
112 浏览

amp-html - 您可以使用 AMP for Email 将产品从电子邮件添加到愿望清单到购物车吗

是否可以使用“AMP for Email”代码让用户能够将产品添加到愿望清单或购物车?

0 投票
1 回答
234 浏览

amp-html - 如何在 AMP-FORM 上设置​Request​Header?

如何向 AMP-FORM xhr 请求添加“x-access-token”标头?

我将向一个 java API 发送一些请求,但是这个 API 需要通过请求标头设置一些参数。

0 投票
0 回答
140 浏览

xmlhttprequest - 从 Google AMP 缓存调用时,使用“action-xhr”提交“AMP 表单”会导致“混合内容”错误,但在它之外可以正常工作

我已经在我的 AMP 页面上设置了“星级”系统,它在我的网站版本的 AMP 页面上运行良好,但是,当我从表单的 AMP 缓存版本提交它时,我得到一个混合内容错误,即使我'我确定我在表单的 action-xhr 属性中指定了 HTTPS。

作品 https://healthand.com/au/topic/general-report/aeroplane-travel-amp

不起作用 https://www.google.com/amp/s/healthand.com/us/topic/general-report/aeroplane-travel-amp

您需要导航到页面末尾才能查看星级。

这是浏览器控制台中的错误。 控制台错误消息在这里

这是从 HTML 中获取的表单

https://www.google.com/amp/s/healthand.com/us/topic/general-report/aeroplane-travel-amp清楚地显示了 action-xhr="https://healthand.com/au/topic /add-new-rating”属性设置为 HTTPS。

这些是头球的镜头。

标题一图片 标题二图片

看起来它只是无缘无故地从 HTTPS 转换为 HTTP。第一个条目的标题看起来不错,但第二个肯定是 HTTP。

0 投票
0 回答
84 浏览

amp-html - AMP 表单问题(非常慢)

单击发送时,表单最多需要 30 秒才能发送。

表格正在工作,它最终会发送。

如果我检查页面并查看网络以尝试查看发生了什么,它会按预期立即发送。正常查看页面时确实很慢。

我不知道是什么原因造成的?还有其他人有类似的问题吗?

我已联系我的托管公司以确认问题是我的问题,而不是服务器问题。

HTML

PHP

0 投票
1 回答
265 浏览

javascript - amp-form post action-xhr 响应剥离图像标签

我正在尝试显示来自 amp-form 响应的图像。当我在回复时检查 dom 时,amp-img 标签似乎被剥离了。

表单.php

test.post.form.endpoint.php

导致

我怎样才能让 amp-img 标记与其余的 html 代码一起发送,是什么导致它被删除?