ダイナミックウェブページ用のGoogleアンプを作成する方法はありますか?私のウェブサイトには、鉛フォーム、ページ上のコメントなどのフォーム要素が含まれています。私はAMPに感銘を受け、私のウェブサイトから実装したいと考えています。ダイナミックなウェブページのためのgoogle ampを作成するには?
答えて
それはどのように「ダイナミック」に依存します。 AMPは、HTMLの削除されたバージョンと見なすことができます。任意のスクリプトを含めることはできませんが、Googleではアコーディオン、ライトボックス、広告ユニットなどを追加できるようにするapproved AMP extensionsのセットを保持しています。また、フォームタグやHTMLフォーム要素(入力、選択、テキストエリアなど)。ただし、はを使用してamp-iframe
を使用して、別のWebページをAMPページに埋め込むことができます。この他のWebページはAMP仕様に準拠する必要はありません。そのため、フォームを自由に追加できます。標準iframeルールが適用されることを忘れないでください。フレームの高さを固定する必要があります(フィールドの量がページごとに変化する複数のステップフォームに問題があります)。成功レスポンスはiframeに限定されますページ全体を別の場所にリダイレクトすることはできません)。それでも、それはあなたのために実行可能なソリューションかもしれません。一般的に
、AMPページはシンプルにを想定しています。それはまあまあです。 Googleの制限は、物事を簡単にするよう強制するものです。 AMPの最高の使い方は、ブログ記事、ニュース、その他の記事型のものなどの純粋なコンテンツページです。あなたはそれをもっと遠くに押すことができますが、押さえようとするほど、制限はもう少し苛立つようになり始めます。かなりの試行錯誤がありますが、私の経験上、あなたが理想的に望むものに近い近似を得ることを試みています。
AMPの良いところは、その完全にオプトインし、かつ断片的です。サイト全体を変換する必要はありません。あなたが望むならば、あなたはただ一つのページをすることができます。これはあなたの足を濡らし、あなたのサイトに少し余分なジュースを提供することができます。もしあなたがAMPで望むことができないのであれば、標準のWebページをペナルティなしで使うことができます。
私はちょうど私たちのABCのニュースサイトのすべての8のためのAMPエンジンの作成が完了。私が遭遇した最大の問題は、AMPタグ用にHTTPS経由ですべてをサーバー化することです。私たちのビデオプレーヤーは、プレロールと広告で遊ぶための広範な外部JSを必要とします。私たちはまた、複数のベンダーと多くの広告をページ上で行っています。
これは、@chris_prattによって、タグと要素がAMPページでは許可されていないことが述べられています。 AMPページでembedding formsのサポートが追加されました。
AMPと注意すべき最大のもの:
- んが、外部JS(必要であれば、それはアンペア-のiframe経由で引っ張られることがあります)
- AMP特定のタグから発信されたコールをする必要がありませんHTTPS経由で作成
- インラインCSSはなく、外部スタイルシートは使用できません。カスタムCSSは、タグ(50K最大)
- を使用して追加された私の場合は、AMP-IFRAMEにJSファイルをプルしようとしている(それが有効であることから、AMPのページを防ぎます)混合コンテンツの警告を持っていました。
- プロジェクトにAMPを実装する前に対処する必要がAMPのページで多くの制約があります。スタイルが賢明なのは、特定のCSSが許可されていないことに気づくでしょう。一つは "重要"と "*"です。これはほんの数ですので、残りの部分をお読みください。
- 起動する前に読んでおく必要があるレイアウトルールもあります。
ボトムラインは、ページを読み込むために非常に高速ですが、AMPバージョンを実際に表示するには、これらの制限と要件を満たす必要があります。限界を理解したら、それに応じて攻撃を計画することができます。
これが役に立ちます。
- 1. ダイナミックなスライダーバーを作成するには
- 2. ウェブページを作成するためのインタラクティブなソフトウェア
- 3. ウェブページをコピーするためのPHPスクリプトの作成方法は?
- 4. すべてのページにGoogle AMPを作成しますか?
- 5. アプリで作成したカスタムGoogleマップをウェブページにアップロード
- 6. チタン:ダイナミックな高さのラベルを作成するには?
- 7. ダイナミックに作成されたチェックボックスのsetOnClickListeners
- 8. Pythonでダイナミックなフォーラムシグネチャジェネレータを作成する
- 9. ダイナミックJTreeのとSwingUtilities.invokeLaterを()私のダイナミックJTreeのを作成するには、何も
- 10. アドレスフィールドからダイナミックGoogleマップのリンクを作成します
- 11. ウェブページでタブを作成するには?
- 12. ダイナミックを作成する情報は、WYSIWYG
- 13. Googleと彼のボットにダイナミックなリンクを追加するには
- 14. Railsでダイナミックな文字列を作成するには?
- 15. ダイナミックにスピナーを作成する
- 16. ダイナミックにxcodeプロジェクトを作成する
- 17. AS3ダイナミックに作成されたムービークリップのメソッドにアクセスする
- 18. Hibernate:ダイナミックなHibernateカラムの作成
- 19. Googleのオンラインスプレッドシートに似たウェブページを作成するにはどうすればよいですか?
- 20. ダイナミックDivの作成asp.net
- 21. Google Chart API - ダイナミックにデータを追加するためにJSを使用
- 22. 地図。ミニアナログを作成するためのjQueryプラグインgoogle-maps
- 23. ダイナミックに作成されたデータを取得する方法TreeView
- 24. Google Memcache内のオブジェクトにアクセスするためのダウンロードリンクを作成する方法
- 25. Googleのチャートのバグ? Axisは、Googleのチャートを使用してColumnChartのを作成するために、0
- 26. ダイナミックに作成された別のMovieClipの.createEmptyMovieClipを作成する方法は? (AS2)
- 27. 作成方法= GETPIVOTDATAをよりダイナミックにするには?
- 28. ウェブページに編集可能なGoogle Docスプレッドシートを埋め込む
- 29. ダイナミックに作成されたaspパネルのインラインスタイルを設定
- 30. ウェブページ上で動作する処理のためのモーションライブラリのリーフ