ダイナミックなウェブページのためのgoogle ampを作成するには？

Question

ダイナミックウェブページ用のGoogleアンプを作成する方法はありますか？私のウェブサイトには、鉛フォーム、ページ上のコメントなどのフォーム要素が含まれています。私はAMPに感銘を受け、私のウェブサイトから実装したいと考えています。

Answer 1

それはどのように「ダイナミック」に依存します。 AMPは、HTMLの削除されたバージョンと見なすことができます。任意のスクリプトを含めることはできませんが、Googleではアコーディオン、ライトボックス、広告ユニットなどを追加できるようにするapproved AMP extensionsのセットを保持しています。また、フォームタグやHTMLフォーム要素（入力、選択、テキストエリアなど）。ただし、はを使用してamp-iframeを使用して、別のWebページをAMPページに埋め込むことができます。この他のWebページはAMP仕様に準拠する必要はありません。そのため、フォームを自由に追加できます。標準iframeルールが適用されることを忘れないでください。フレームの高さを固定する必要があります（フィールドの量がページごとに変化する複数のステップフォームに問題があります）。成功レスポンスはiframeに限定されますページ全体を別の場所にリダイレクトすることはできません）。それでも、それはあなたのために実行可能なソリューションかもしれません。一般的に

、AMPページはシンプルにを想定しています。それはまあまあです。 Googleの制限は、物事を簡単にするよう強制するものです。 AMPの最高の使い方は、ブログ記事、ニュース、その他の記事型のものなどの純粋なコンテンツページです。あなたはそれをもっと遠くに押すことができますが、押さえようとするほど、制限はもう少し苛立つようになり始めます。かなりの試行錯誤がありますが、私の経験上、あなたが理想的に望むものに近い近似を得ることを試みています。

AMPの良いところは、その完全にオプトインし、かつ断片的です。サイト全体を変換する必要はありません。あなたが望むならば、あなたはただ一つのページをすることができます。これはあなたの足を濡らし、あなたのサイトに少し余分なジュースを提供することができます。もしあなたがAMPで望むことができないのであれば、標準のWebページをペナルティなしで使うことができます。

Answer 2

私はちょうど私たちのABCのニュースサイトのすべての8のためのAMPエンジンの作成が完了。私が遭遇した最大の問題は、AMPタグ用にHTTPS経由ですべてをサーバー化することです。私たちのビデオプレーヤーは、プレロールと広告で遊ぶための広範な外部JSを必要とします。私たちはまた、複数のベンダーと多くの広告をページ上で行っています。

これは、@chris_prattによって、タグと要素がAMPページでは許可されていないことが述べられています。 AMPページでembedding formsのサポートが追加されました。

AMPと注意すべき最大のもの：

1. んが、外部JS（必要であれば、それはアンペア-のiframe経由で引っ張られることがあります）
2. AMP特定のタグから発信されたコールをする必要がありませんHTTPS経由で作成
3. インラインCSSはなく、外部スタイルシートは使用できません。カスタムCSSは、タグ（50K最大）
4. を使用して追加された私の場合は、AMP-IFRAMEにJSファイルをプルしようとしている（それが有効であることから、AMPのページを防ぎます）混合コンテンツの警告を持っていました。
5. プロジェクトにAMPを実装する前に対処する必要がAMPのページで多くの制約があります。スタイルが賢明なのは、特定のCSSが許可されていないことに気づくでしょう。一つは "重要"と "*"です。これはほんの数ですので、残りの部分をお読みください。
6. 起動する前に読んでおく必要があるレイアウトルールもあります。

ボトムラインは、ページを読み込むために非常に高速ですが、AMPバージョンを実際に表示するには、これらの制限と要件を満たす必要があります。限界を理解したら、それに応じて攻撃を計画することができます。

これが役に立ちます。