2017-07-10 1 views
0

TL; DR; Comment charger dynamiquement un formulaire de contact dans ma page AMP?charger dynamiquement le widget compatible AMP dans la page AMP

J'ai lu la documentation pour AMP, mais je suis confus comment je résoudrais mon problème.

J'ai un site web qui va utiliser AMP (cela fait depuis), mais j'ai un tiers qui va me fournir un widget pour me connecter à mon site AMP. Est-ce que je peux charger ce widget dans ma page en utilisant AMP, ou dois-je utiliser l'iframe AMP pour le charger?

https://www.ampproject.org/docs/reference/components/amp-form

Ce serait bien si vous pouviez charger un widget (comme un widget jquery) sur la page.

+0

double possible de [AMP Google meilleure façon d'écrire balise script JS] (https://stackoverflow.com/questions/36035733/google-amp-best -way-to-write-js-script-tag) –

+0

Au moins le titre de ma question a plus de sens. Comment écrivez-vous un tag de script JS? Probablement pourquoi je n'ai pas trouvé ça en premier. – Nate

+0

Cela a plus de sens pour vous :-) Je présume que vous essayez d'inclure une balise de script JS sur votre page pour tirer dans ce widget - ce qui interdit AMP. La question ci-dessus donne quelques façons de contourner le problème qui, si tout va bien, vous aide, ainsi que toute autre personne qui cherche des termes similaires que vous avez utilisés. –

Répondre

1

S'il s'agit d'un widget tiers et qu'il n'est pas implémenté autrement en tant que composant AMP, l'utilisation d'AMP iframe est votre seule option. JQuery ou tout autre tiers JS n'est pas autorisé dans AMP, sauf via un cadre iFrame.

Il y a une liste des composants AMP ici: https://www.ampproject.org/docs/reference/components

+0

Est-il possible de créer des composants personnalisés? Tout ce que je vois sont des composants sanctionnés par l'AMP. – Nate

+1

Oui, c'est possible. Cependant, l'équipe du projet AMP contrôle quels composants seront finalement inclus dans le projet, vous devrez donc vous coordonner avec l'équipe du projet. Voir ce lien pour plus d'informations: https://github.com/ampproject/amphtml/blob/master/spec/amp-html-components.md#contributing-components Un codelab sur la façon de construire un composant personnalisé peut être trouvé ici: https://codelabs.developers.google.com/codelabs/creating-your-first-amp-component/index.html?index=..%2F..%2Findex#0 – rodders