問題タブ [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 に答える
272 参照

amp-html - コンテンツが利用できない場合に AMP ページのエラーを配信する内容と方法

ページの AMP バージョンを生成しているときに、コンテンツが最近削除され、トラフィックがまだ来ている可能性があります。エラーページを配信する正しい方法は何ですか? AMP 形式にする必要がありますか、それとも通常の 404 (非 AMP) ページで十分でしょうか?

0 投票する
1 に答える
395 参照

seo - AMP HTML とバニラ HTML を表示するには、どのような URL 構造を使用する必要がありますか

/amp投稿 URL の末尾に追加することで、AMP 形式を自動的に作成する既存の wordpress プラグインがあります。複数の URL でコンテンツを複製することを心配しており、次のようなパラメーターを追加した?v=amp方がよいのではないかと考えています。また、AMP を介してページをレンダリングするためにパラメーターが使用されている場合、これらのページについて Google にどのように通知すればよいでしょうか? 別の AMP サイトマップを送信できますか?

0 投票する
1 に答える
930 参照

amp-html - レスポンシブ amp-carousel で画像を垂直方向に中央揃えにするパターンを探しています

使用しているコンテンツがいくつかあります<amp-carousel type="slides" layout="responsive">- 個体<amp images>はすべて同じサイズではありません。カルーセルは最大の画像に正しくサイズ変更されます。小さい画像を垂直方向に中央揃えにしたいと思います。AMPフレームワーク内でそれを実現するための適切なCSS呪文を誰かが見つけましたか?

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 Variable Substitutionsに続いて、 で amp-pixel を追加しましたCLIENT_ID(google-analytics)。AMP CDN になく、Cookie が存在しないため、空の文字列が期待されます。ただし、テキストCLIENT_ID(google-analytics)は URL に残ります。RANDOMが代用されます。

フル amp-pixel :

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 ペイロードを POST として amp-analytics を使用するにはどうすればよいですか?

sendBeacon API (transport) を使用してカスタム URL に分析データを送信したいと考えています"beacon": true。クエリ文字列にエンコードされたペイロードはうまく機能しますが、POST 本文に入れたいと考えています。

PR #1162で提案されている構成を試しましたが、 amp-analyticsにマージされていないことに気付きました。現在の実装でそれを構成する方法はありますか?

0 投票する
4 に答える
4610 参照

django - djangoでモバイルページを加速?

AMP-HTML ページの構築に取り組んでいる Django 開発者はいますか?

(参考: Google AMP-project )

私の理解が正しければ、AMP-HTML の仕組みは、ページごとに 2 つの個別のファイルを作成することです。通常の HTML 結果と新しい AMP-HTML ファイル。AMP-HTML ファイルは、通常の HTML ページのスリム化されたバージョンであり、Google が高速化されたモバイル ページを返すために使用します (そのため、"Accelerated Mobile Pages" という名前が付けられています)。これらの各ファイルは、head 内のタグで相互に参照し、モバイルの検索結果に AMP ファイルを使用するよう Google に指示します。

Django フレームワーク内で、同じコンテンツ セットに基づいて 2 つの別個のファイルを作成する方法を考えています。

2 つの HTML 結果に渡される単一のコンテキストをどのように利用できるでしょうか? 1 つの結果は通常の HTML ページで、もう 1 つは AMP-HTML ページです。

Django では、返されるページごとに URL を作成する必要があります。既存の URL ごとに 2 つ目の URL を自動的に生成するにはどうすればよいでしょうか? さらに、これらの URL ごとに単一のコンテキストを呼び出すにはどうすればよいでしょうか。

おそらくビューでそれを行うことができますか?たとえば、AMP ページである .html 拡張子を返し、URL のテンプレートもレンダリングしますか?

これに取り組む方法については、まだ答えがありません。フィードバックと提案を探しています。これは、Django と AMP-HTML の stackoverflow に投稿された初めての質問のようです。最後ではない可能性が高いです。

0 投票する
1 に答える
337 参照

javascript - https://cdn.ampproject.org/robots.txt が許可しないように設定されているため、AMP HTML ファイルをレンダリングできません

AMP HTML ファイルを取得してレンダリングし、すべて 1 つずつ、同じ問題を抱えています。

Search Console からのレポートには、「Googlebot はこのページのすべてのリソースを取得できませんでした。リストは次のとおりです:」と記載されています。

URL: https://cdn.ampproject.org/v0.js
タイプ: スクリプト
理由: ブロックされました
重大度: 高
https://cdn.ampproject.org/v0.js/robots.txt

それらをレンダリングする方法はありますか?