問題タブ [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.
amp-html - コンテンツが利用できない場合に AMP ページのエラーを配信する内容と方法
ページの AMP バージョンを生成しているときに、コンテンツが最近削除され、トラフィックがまだ来ている可能性があります。エラーページを配信する正しい方法は何ですか? AMP 形式にする必要がありますか、それとも通常の 404 (非 AMP) ページで十分でしょうか?
seo - AMP HTML とバニラ HTML を表示するには、どのような URL 構造を使用する必要がありますか
/amp
投稿 URL の末尾に追加することで、AMP 形式を自動的に作成する既存の wordpress プラグインがあります。複数の URL でコンテンツを複製することを心配しており、次のようなパラメーターを追加した?v=amp
方がよいのではないかと考えています。また、AMP を介してページをレンダリングするためにパラメーターが使用されている場合、これらのページについて Google にどのように通知すればよいでしょうか? 別の AMP サイトマップを送信できますか?
amp-html - レスポンシブ amp-carousel で画像を垂直方向に中央揃えにするパターンを探しています
使用しているコンテンツがいくつかあります<amp-carousel type="slides" layout="responsive">
- 個体<amp images>
はすべて同じサイズではありません。カルーセルは最大の画像に正しくサイズ変更されます。小さい画像を垂直方向に中央揃えにしたいと思います。AMPフレームワーク内でそれを実現するための適切なCSS呪文を誰かが見つけましたか?
iframe - AMP で Disqus を使用するには?
下部に Disqus コメントがある記事を AMP に変換しようとしています。これを行うには、次を使用してい<amp-iframe/>
ます:
iframe が読み込まれ、スクリプトの依存関係がすべて読み込まれるように見えますが、何も表示されません。iframe の内容を調べると、Disqus は Disqus を読み込めないというメッセージを出力しました。ここからデバッグする方法がわかりません。私が見逃しているものはありますか、それとも別の方法でアプローチする必要がありますか?
また、Disqus のようなコメント フィードの仕組みは、プラグインによって決定される任意の高さを持つことです。したがって、おそらく iframe に固定の高さを設定することはできません。それを正しく機能させるにはどうすればよいですか?
amp-html - amp-facebook はまだ試験運用版ですか
どのアンプ カスタム エレメントが生産され、何が実験的であるかを特定するのに苦労しています。amp-facebook はまだ実験段階ですか?
ありがとう、
スティーブ。
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"
誰かが何か間違ったことを見たり、アドバイスしたりできますか?
amp-html - sendBeacon ペイロードを POST として amp-analytics を使用するにはどうすればよいですか?
sendBeacon API (transport) を使用してカスタム URL に分析データを送信したいと考えています"beacon": true
。クエリ文字列にエンコードされたペイロードはうまく機能しますが、POST 本文に入れたいと考えています。
PR #1162で提案されている構成を試しましたが、 amp-analyticsにマージされていないことに気付きました。現在の実装でそれを構成する方法はありますか?
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 に投稿された初めての質問のようです。最後ではない可能性が高いです。
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
それらをレンダリングする方法はありますか?