问题标签 [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 回答
46 浏览

amp-html - 新的 AMP 网站需要哪些组件?

我需要创建一个新网站来展示一些产品。我还没做过,amp-html所以我想试试。我做了一些阅读和测试,得到了一些我找不到答案的问题。

我想为每个产品制作一个新页面。这意味着我复制 sidenav 和页脚。当我添加新产品/页面时,我需要更改所有页面。这是一种常见的方法吗?或者我可以将内容放在json文件中并使用amp-list和/或amp-bind?或者我应该创建一个脚本,在发布之前更新 sidenav html?Dreamweaver用来做的事情。

为每个产品创建一个新页面是个好主意还是另一种方法更好?我看过用户将页面滑到一边的视频,这是如何工作的?

任何指向更多文档(书面或视频)的指针将不胜感激。

0 投票
0 回答
146 浏览

javascript - amp-list 中的 JSON 链接未加载

我正在尝试将动态数据加载到我的 amp 页面。为了进行测试,我尝试了来自 google playground 的示例(amp-list)之一。但是我目前使用的服务器是http。AMP 需要 https 链接才能使 json 文件正常工作。所以我将文件移动到另一个 https 服务器。但是当我从外部服务器提供 json 文件的 https 链接时,数据没有加载。当我使用来自 google-amp 服务器的相同 json 文件时,数据会完美加载。请帮忙。

0 投票
1 回答
69 浏览

javascript - 如何在 AMP 项目中集成 intentMedia 第三方服务?

最近我正在开发一个 AMP 项目,我需要在其中添加 intentMedia ( https://intentmedia.com ) 第三方服务来跟踪用户记录。这个第三方完全基于javascript平台。我是否需要设置或修改 IntentMediaProperties,这是一个基于用户活动的全局 javascript 变量。

我已经通过 amp-iframe 组件进行了尝试,但无法实现目标。

那么如何将 intentMedia 服务集成到 AMP 项目中呢?

0 投票
1 回答
2148 浏览

form-submit - AMP:如何在有条件的更改事件上提交表单

我有几个链接的下拉列表,如果链接的下拉列表为空,我想阻止表单提交更改事件。

如果值合适,我可以检查状态然后提交表单吗?就像是:

当我选择新值时,第一个下拉列表可以避免表单提交,因为第二个还没有被选中。

尝试通过验证来实现,但它不适用于下拉菜单,输入工作正常。

0 投票
1 回答
595 浏览

json - AMP-LIST - 在 [src] 更改时更改高度

这是此问题中提到的页面。

我有一个 amp-list,它根据第一个选择从几个 JSON 文件中提取库存数据。“选择您的机器类型”提取 all.json,“Excavator”提取 EX.json,“Wheel Loader”提取 WL.json。

在我的 amp-list 中,我使用 PHP 动态设置我的高度 - 我使用的方法从我每晚使用 cronjob 创建的文件中提取循环的计数变量的最后一个实例。有点不正统,但我在截止日期前,所有长度/计数/大小方法都没有为我做这件事。

当我选择挖掘机时,高度计算正确。当我选择品牌时,高度计算正确。但是,当我选择轮式装载机时,高度计算不正确。虽然,当我为轮式装载机选择制造商时,高度会按预期计算。

这是我的两个驱动挖掘机和轮式装载机的 JSON 文件。

EX.json

WL.json

有人对为什么轮式装载机不改变高度有任何想法吗?

0 投票
1 回答
737 浏览

accelerated-mobile-page - 点击:AMP.setState 无法间歇性工作

tap:AMP.setState 有时不工作,但当我重新加载页面时它工作。

这是我的默认状态:

是因为网络使它表现得像这样吗?感谢任何帮助!谢谢!

0 投票
1 回答
37 浏览

accelerated-mobile-page - 通过 javascript 使 AMP 页面可被发现

我们尚未对所有页面进行 AMP 化,而是使用 javascript/ajax 调用来发现 AMP 页面是否存在,然后将“amphtml”可发现性添加到相应的标记中。

  1. 对网络服务器进行 AJAX 调用以查看是否存在等效的 AMP 页面。
  2. 如果是,请添加到头部。

在 Chrome 中加载网站会通过 AMP Validator 扩展显示等效的 AMP 页面。

但是,https ://search.google.com/test/amp?id=pNgSex6yfpSGiMsd8OVzeQ表示它不是有效的 AMP 页面。这是因为我通过 javascript 添加了“amphtml”吗?

0 投票
0 回答
138 浏览

wordpress - AMP for WordPress:主页 /amp 仅显示右栏小部件

当我使用 /amp 后缀检查 AMP 页面时,它可以正常工作,但是当我在我们的主页 (www.oursausalito.com) 上进行检查时,它只显示右侧栏中的一个小部件,尽管 amp 内容的格式相同方式与其他页面一样。

有任何想法吗?

0 投票
0 回答
49 浏览

wordpress - 在我的 woocommerce 购物车中获取 2 个产品而不是 1 个

我一直在尝试制作我的网站的 amp 版本,最重要的是我正在使用ampforwp插件的产品页面,但是当我添加将产品添加到购物车的链接时,它只添加了两个而不是 1,我可以'找不到为什么没有空链接或我之前在stackoverflow上找到的东西

我的放大器示例版本之一的链接:http: //hashtom.net/product/%DA%AF%D9%84%D8%A7%D8%A8-%D9%BE%D9%86%D8%AC-% D9%85%D9%86-%D8%A7%D8%B9%D9%84%D8%A7%D8%A1-%DB%8C%DA%A9-%D9%84%DB%8C%D8%AA %D8%B1%DB%8C/amp/

顺便说一句,这是一个波斯网站,但我将按钮名称更改为英文,这样每个人都可以阅读它们

如果有人能提前帮助我,那就太好了

0 投票
0 回答
557 浏览

ruby-on-rails - 使用 POST 方法在 AMP 中自动完成

我在 AMP 页面中遇到问题。我想构建一个带有自动完成列表选择的页面,比如jquery AutoComplete

Amp 给出了自动完成选择的示例。但有一个问题。在这个例子中我有带有 POST 方法的 API我不知道如何在其中使用不同的origin设置 Request 方法 Post 。