问题标签 [amp-iframe]

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

gdprconsentform - 有没有办法从中检索 GDPR 同意字符串在一个?

我尝试使用 amp-iframe 元素中的 postMessage 检索 GDPR 同意字符串,但它根本不起作用。

有没有办法在 amp-consent 和 amp-iframe 中与 CMP 通信?

谢谢

0 投票
0 回答
35 浏览

amp-html - 如何阻止一个放大器组件,直到解决其他放大器组件。?

我想阻止一些 amp 组件(amp-imageamp-adamp-iframe),直到解决其中一个 amp 组件。IE。- amp-captcha 已解决或 amp-script 成功运行。

我检查了我们是否可以使用具有data-block-on-consent属性的 amp-consent 组件来实现类似的功能,我想知道我们是否有一些参数可以在不使用amp-consent 的情况下实现这一目标

0 投票
1 回答
211 浏览

amp-html - 如何在 AMP 网站中添加监控脚本?

我已经尝试解决这个问题大约一个月了。

我用 AMP 代码(没有 WordPress)开发了整个网站。

我需要在网站上包含一个监控脚本,以便与 RD Station(一个分析潜在客户数据的营销平台)集成。

这是监控脚本:

如果我只是将脚本放在页面上,集成将起作用,但 AMP 不会得到验证,所以它不是一个选项。

因此,我尝试使用 AMP Iframe 和 AMP Script 来放置监控脚本。但我没有成功。

我将在上面展示我是如何尝试使用它们的:

首先,我尝试将脚本放入 AMP Iframe 中。但它不起作用,AMP 未经过验证(不允许自定义 JavaScript)。

然后我尝试使用 AMP 脚本。AMP 已通过验证,但监控脚本无法正常工作。

最后一次使用 AMP SCRIPT 的尝试给了我错误:

log.js:258 [amp-script] Uncaught TypeError:无法读取未定义的属性“appendChild”(amp-script%5Bsrc=%22https://d335luupugsy2.cloudfront.net/js/loader-scripts/XXXXXX-XXXX- XXXXXX-XXXXXXXXXX-loader.js%22%5D.js:3)

有人可以帮我解决这个问题吗?我真的需要让那个脚本在我的 AMP 页面上运行。多谢!

0 投票
0 回答
164 浏览

iframe - 链接和按钮在 AMP iframe 组件中不起作用

我有一个服务于客户的 amp-iframe,这个 amp-iframe 中的链接和按钮有一个意想不到的行为,它们根本不工作。一个是运行 Javascript 功能的按钮,另一个只是一个<a href="">锚。

对于按钮我有这个错误:

未捕获的 DOMException:无法在“位置”上设置“href”属性:当前窗口无权将目标框架导航到我的位置

对于锚,我有:

不安全的 JavaScript 会尝试从 URL为 amp-iframe origin的框架中启动具有 origin origin的框架的导航。尝试导航的框架是沙盒的,因此不允许导航其祖先。

这是我的 amp-iframe 集成的示例代码:

有什么想法可以解决这个问题吗?

0 投票
0 回答
126 浏览

iframe - amp-iframe 问题和限制

因此,在彻底阅读了它的文档和有关此事的多篇文章之后,我一直在尝试在我的代码中实现 amp-iframe。问题是我似乎无法满足规则。

我得到的最常见错误是Origin of must not be equal to container因为我无法从与 amp 页面相同的域中提供 iframe。

从沙盒属性中删除允许同源时,我得到DOMException:无法从“文档”读取“cookie”属性:文档已被沙盒化,并且缺少“允许同源”标志。

还尝试使用 TinyURL 使用简短的 Url 版本重定向我的域,但我仍然遇到与以前相同的错误。

最后,当我删除沙盒属性时,我会在 '' 中得到 Blocked script execution 因为文档的框架是沙盒的并且没有设置 'allow-scripts' 权限

0 投票
0 回答
59 浏览

wordpress - AMP:iframe 和父级之间的通信

我正在使用 WordPress,并且正在使用 AMP 插件。

我有一个 iframe(不是amp-iframe),但 WordPress 将其转换为amp-iframe. 在这个 iframe 中,我还有一个脚本可以postMessage像这样向父级发送数据:

我希望能够检索从父窗口中的 iframe 发布的数据,并使用它导航到页面上的特定锚点。我无法访问其中的窗口,也无法访问amp-script数据,因为它在网络工作者中运行。

有没有办法做到这一点?

0 投票
0 回答
29 浏览

javascript - 如何在用作其他网站 iframe 的小部件中使用 Google Analytics

我们在 React 中有一个小部件,它作为 amp-iframe 嵌入到其他网站中。我想跟踪小部件中发生的事件。我尝试了 Stack Overflow 的一些解决方案,但未发送事件

这是我尝试运行的一些代码

这是我尝试运行的一些代码