Um dem Benutzer automatische Vorschläge für Rich Content zu implementieren, während er in das Eingabefeld tippt, verwenden wir das „amp-autocomplete“-Skript aus dem Google AMP-Framework. Durch die automatische Vervollständigung von Eingabefeldern werden dem Benutzer relevante Inhalte vorgeschlagen, während er mit der Eingabe beginnt.
Lassen Sie uns diesen Ansatz anhand eines Beispiels diskutieren, wie unten gezeigt −
Wir werden das „amp-autocomplete“-Skript verwenden, um unseren Webseiten automatische Vorschläge für Rich Content hinzuzufügen. Wir werden auch das „amp-form“-Skript des Google AMP-Frameworks verwenden, um dessen amp-form-Komponente zu verwenden und in der Benutzeroberfläche anzuzeigen, und „amp-mustache“, um uns Vorlagen zur Verwendung auf unseren Webseiten bereitzustellen.
Die chinesische Übersetzung vonLaden Sie das Skript von amp-autocomplete −
1 2 |
|
Dieses Skript wird zum Laden der amp-autocomplete-Funktion verwendet, die uns dabei helfen kann, automatische Vorschläge für Rich Content auf Webseiten hinzuzufügen.
Skript zum Laden von amp-form −
1 2 |
|
Mit diesem Skript wird die amp-form-Komponente des Google AMP-Frameworks geladen, die wir in unserer Anwendung verwenden können
Laden Sie das Skript von amp-project −
1 |
|
Dieses Skript wird zum Laden von amp-project verwendet, sodass wir verschiedene Funktionen des Google AMP-Frameworks nutzen können.
Laden Sie das Skript von amp-mustache −
1 |
|
Dieses Skript wird zum Laden von Amp-Mustache-Vorlagen verwendet, wodurch wir Vorlagen in HTML-Dateien verwenden können.
Wir werden das JSON-Objekt unten als Beispiel für komplexe Daten verwenden und diese Daten verwenden, um sie an amp-autocomplete zu übergeben, um vorgeschlagene Ergebnisse bereitzustellen.
JSON-Objektnutzung -
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
Wir verwenden dann die amp-form-Komponente und übergeben ihr ein JSON-Objekt, um uns die automatisch vorgeschlagenen Ergebnisse zu liefern. Wir werden das AMP-Schnurrbart-Vorlagenformat des Formulars verwenden –
1 2 3 4 5 |
|
Unsere index.html-Datei wird so aussehen −
Dateiname: index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
|
In diesem Beitrag haben wir erfahren, was Google AMP ist und wir verwenden es, um verschiedene Skripte in Google AMP wie „amp-autocomplete“, „amp-form“, „amp-mustache“ und „amp -project“) automatisch zu verwenden Schlagen Sie reichhaltige Inhalte vor.
Das obige ist der detaillierte Inhalt vonWie kann ich bei der Suche in Google AMP automatisch Rich-Content-Vorschläge bereitstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!