问题标签 [amp-html]

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

amp-html - 如何在 cloudflare 等生产网站中使用 Google AMP 项目的 CDN?

这个线程中,我发现了如何测试 Google AMP 的 CDN。

但是我如何在生产网站中使用它?

我想可以像 Cloudflare 或其他类似服务那样设置它,不是吗?

谢谢。

0 投票
1 回答
272 浏览

amp-html - 如果内容不可用,什么/如何传递 AMP 页面的错误

在生成页面的AMP版本时,可能会出现最近内容被删除,流量还在来的情况。传递错误页面的正确方法是什么?它应该是 AMP 格式还是正常的 404(非 AMP)页面就足够了?

0 投票
1 回答
395 浏览

seo - 应该使用哪种 URL 结构来显示 AMP HTML 与普通 HTML

/amp有一个现有的 wordpress 插件,可以通过添加到任何帖子 URL 的末尾来自动创建 AMP 格式。我担心在多个 URL 上复制我的内容,并想知道添加一些参数?v=amp是否会更好?另外,如果使用参数通过 AMP 呈现页面,我们如何让 Google 知道这些页面?我们可以提交单独的 AMP 站点地图吗?

0 投票
1 回答
930 浏览

amp-html - 在响应式 amp-carousel 中寻找垂直居中图像的模式

我有一些正在使用<amp-carousel type="slides" layout="responsive">的内容 - 每个人<amp images>的大小都不一样。轮播正确地调整到最大的图像,我想垂直居中较小的图像。有没有人想出正确的 CSS 咒语来在 AMP 框架中实现这一点?

0 投票
2 回答
1893 浏览

iframe - 如何在 AMP 中使用 Disqus?

我正在尝试将底部有 Disqus 评论的文章转换为 AMP。为此,我正在使用<amp-iframe/>

iframe 加载,它似乎加载了它的所有脚本依赖项,但没有显示任何内容。如果您检查 iframe 的内容,Disqus 会打印一条消息说 Disqus 无法加载。我不知道如何从这里调试它。有什么我遗漏的,还是我应该以不同的方式处理这个问题?

此外,像 Disqus 这样的评论提要的工作方式是由插件确定任意高度。所以我可能无法在 iframe 上设置固定高度。我需要做什么才能使其正常工作?

0 投票
1 回答
99 浏览

amp-html - amp-facebook 是否仍处于试验阶段

我很难确定哪些放大器自定义元素将投入生产,哪些是实验性的。amp-facebook 是否仍处于试验阶段?

谢谢,

史蒂夫。

0 投票
1 回答
634 浏览

amp-html - AMP CLIENT_ID 替换不起作用

AMP HTML URL 变量替换之后,我添加了一个带有CLIENT_ID(google-analytics). 我希望空字符串,因为它不在 AMP CDN 上并且 cookie 不存在。但是文本仍保留CLIENT_ID(google-analytics)在 url 中。RANDOM被替换。

全安培像素:

amp-pixel src="//www.google-analytics.com/collect?v=1&tid=UA-23688336-7&cid=CLIENT_ID(google-analytics)&t=pageview&dp=%2fnews%2f2016-01-05%2fjekyll-and-hyde-axed-by-itv%2famp&cd1=Visitor&cd2=Popular%20channels&cd4=Sci-fi%2CDrama&cd6=Charlie-Higson&cd7=Jekyll-and-Hyde&cd10=AMP&z=RANDOM"

任何人都可以看到任何错误或建议吗?

0 投票
1 回答
375 浏览

amp-html - 如何使用带有 sendBeacon 有效负载的 amp-analytics 作为 POST?

我想使用 sendBeacon API (transport "beacon": true) 将分析数据发送到自定义 URL。查询字符串中编码的有效负载运行良好,但我想将其放入 POST 正文中。

我尝试了PR #1162中建议的配置,但后来我意识到它没有合并到amp-analytics中。有没有办法在当前实现中配置它?

0 投票
4 回答
4610 浏览

django - django中的加速移动页面?

是否有任何 Django 开发人员致力于构建 AMP-HTML 页面?

(供参考:Google AMP-project

如果我理解正确,AMP-HTML 的工作方式是为每个页面创建 2 个单独的文件。正常的 HTML 结果,加上一个新的 AMP-HTML 文件。AMP-HTML 文件是普通 HTML 页面的精简版,Google 使用它来返回加速移动页面(因此得名“加速移动页面”)。然后,这些文件中的每一个都在头部的标签中相互引用,这告诉 Google 将 AMP 文件用于移动搜索结果。

在 Django 框架中,我想知道如何根据同一组内容创建 2 个单独的文件。

怎么可能利用可以传递给两个 HTML 结果的单个上下文?一个结果是普通的 HTML 页面,另一个是 AMP-HTML 页面。

在 Django 中,必须为要返回的每个页面创建一个 URL。如何为每个现有 URL 自动生成第二个 URL?此外,如何为每个 URL 调用一个上下文?

也许可以在视图中完成?例如,返回一个 .html 扩展名,即 AMP 页面,然后还渲染 URL 的模板?

我还没有关于如何解决这个问题的任何答案。寻找反馈和建议。看来这是在 Django 和 AMP-HTML 上发布到 stackoverflow 的第一个问题。这很可能不会是最后一次。

0 投票
1 回答
337 浏览

javascript - AMP HTML 文件无法呈现,因为 https://cdn.ampproject.org/robots.txt 设置为不允许

获取并呈现我的 AMP HTML 文件,并且所有文件都存在相同的问题。

Search Console 的报告指出“Googlebot 无法获取此页面的所有资源。这是一个列表:”

URL:https
://cdn.ampproject.org/v0.js 类型:脚本
原因:被阻止
严重性:高
https://cdn.ampproject.org/v0.js/robots.txt

有什么办法可以渲染这些吗?