Google AMP で検索するときにリッチ コンテンツの候補を自動的に提供するにはどうすればよいですか?

ユーザーが入力フィールドに入力しているときにリッチ コンテンツの自動提案を実装するには、Google AMP フレームワークの「amp-autocomplete」スクリプトを使用します。オートコンプリート入力フィールドとは、ユーザーが入力を開始するときに関連するコンテンツを提案することを意味します。

以下に示す例を通じて、この方法について説明します。 -

＃＃＃方法＃＃＃

「amp-autocomplete」スクリプトを使用して、ページ上のリッチ コンテンツの自動候補を追加します。また、Google AMP フレームワークの「amp-form」スクリプトを使用して amp-form コンポーネントを使用して UI に表示し、「amp-mustache」を使用して Web ページで使用するテンプレートを提供します。

ここで使用されるスクリプト

の中国語訳は次のとおりです:

ここで使用されるスクリプト

• amp-autocomplete スクリプトをロードします -
  リーリー
このスクリプトは、amp-autocomplete 関数をロードするために使用されます。この関数は、Web ページ上のリッチ コンテンツに対する自動提案を追加するのに役立ちます。

• アンプ形式スクリプトのロード -
  リーリー
このスクリプトは、Google AMP フレームワークの amp-form コンポーネントをロードするために使用され、アプリケーションで使用できます。

amp-project スクリプトのロード -

• リーリー

  このスクリプトは amp-project をロードするために使用され、Google AMP フレームワークのさまざまな機能を使用できるようになります。

amp-mustache スクリプトのロード -

• リーリー

  このスクリプトは、amp-mustache テンプレートをロードするために使用されます。これにより、HTML ファイルでテンプレートを使用できるようになります。

複雑なデータの例として以下の JSON オブジェクトを使用し、このデータを使用して amp-autocomplete に渡し、提案される結果を提供します。

JSON オブジェクトの使用法 -

リーリー

次に、amp-form コンポーネントを使用し、それに JSON オブジェクトを渡して、自動提案された結果を提供します。 -

という形式の AMP 口ひげテンプレート形式を使用します。 リーリー ＃＃＃例＃＃＃

Index.html ファイルは次のようになります −

ファイル名:index.html

リーリー ＃＃＃結論は＃＃＃

この投稿では、Google AMP とは何かについて学び、Google AMP でさまざまなスクリプト (「amp-autocomplete」、「amp-form」、「amp-mustache」、「amp-project」など) を使用するためにそれを使用します)リッチコンテンツを自動的に提案します。

以上がGoogle AMP で検索するときにリッチ コンテンツの候補を自動的に提供するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。