2016-03-16 15 views
9

Ho letto tutta la documentazione sul tag script ma non riesco a trovare come scrivere tag script nella pagina HTML AMP anche se so che "tag script è vietato a meno che il tipo sia application/ld+json". Hanno alcuni componenti di runtime AMP predefiniti e componenti estesi che contengono moduli specifici per componenti diversi.Google AMP modo migliore per scrivere tag script JS

Non ho trovato il modulo specifico per js personalizzato in AMP HTML. Ecco il mio tag script:

<script src="https://arifkarim.com/widget/layouts/global/js/legaltext.js"></script> 
+0

Hai ragione che solo i tag di script non eseguibili come 'application/LD + json' sono consentiti i tag. I tag di script sono vietati tranne il tag script obbligatorio per caricare il runtime AMP ei tag di script per caricare componenti estesi. È possibile visualizzare il modulo specifico per js personalizzati nella documentazione [* Autorizzato e Proibito tag html AMP *] (http://ampready.com/getting-started). – abielita

+1

Questo lo so ma sono ancora in difficoltà, ma non ho ancora trovato nessuna soluzione. comunque, grazie –

risposta

4

<script> in genere non sono consentiti in AMP. Ci sono una manciata di file javascript esterni, costruiti come parte del progetto AMP, che sono consentiti e persino richiesti in alcuni casi. Oltre a quelli, javascript non è consentito. I tag di script personalizzati non sono possibili con AMP.

+0

si, lo so ma continuo a pensare cosa dovrei fare –

+4

Avresti bisogno di rimuovere il tag dello script. – Gregable

25

L'intero punto di AMP è consentire solo un sottoinsieme di tecnologie Web per interrompere la pagina in modo lento.

Javascript è spesso la causa di siti Web lenti e quindi le pagine AMP non li consentono (tranne gli script AMP stessi), sebbene abbiano cercato di colmare il divario con componenti dell'amplificatore appositamente scritti per non essere lento

Quindi, se si desidera utilizzare Javascript hai diverse scelte:

  1. non utilizzare AMP. Nessuno ti sta costringendo.
  2. Rimuovere il tag script dal documento amp e vivere senza quella funzionalità.
  3. Trova un componente amp che fa lo stesso del tuo JavaScript e usalo. Non ho idea di cosa legaltext.js indovinerei con il nome che visualizza un testo legale come un avviso sui cookie, quindi forse il widget amp-user-notification funzionerebbe invece?
  4. Usa il tuo Javascript in un amp iframe. Questi sono ammessi nelle pagine di amp, ma presumibilmente saranno caricati con una priorità più bassa per assicurare che non rallentino la pagina principale.
+0

ok, Grazie per queste informazioni –

+0

Ciao, potresti fornirmi un esempio di una pagina AMP caricando un javascript con amp-iframe? – Apalabrados

+1

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

4

Per utilizzare personalizzato JavaScript nella pagina di AMP, si dovrebbe scrivere in file JavaScript (ad es .: amp-iframe-0.1.js). Quindi aggiungi questo script a <head>: <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>

javascript personalizzato può essere chiamato utilizzando amp-iframe. Es .:

<amp-iframe width=300 height=300 
    sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox" 
    layout="responsive" 
    frameborder="0" 
    src="https://www.google.com/maps/embed/v1/place?key=AIzaSyDG9YXIhKBhqclZizcSzJ0ROiE0qgVfwzI&q=Alameda,%20CA"> 
</amp-iframe> 
+2

dove viene chiamato il javascript? – xiaodai

+0

non trovo javascript in questo –

Problemi correlati