完全なウェブページのためにスクリプトタグをAMPに変換するにはどうすればいいですか

Question

私は、複数の外部CSS、外部js、jQueryからなるWebページをhtmlファイル内に置いています。私は全ページをAMPに変換したい。出来ますか ？私はチュートリアルを見て、スクリプトタグがAMPに変換できることを発見しました。次のスクリプトタグをAMPに変更できますか？はいの場合、どうですか？

<script src="./MyWebsite_files/jquery.flexslider.js.download"></script> 
<script async custom-element="amp-iframe"> 
    $(window).load(function() { 
     $('.flexslider').flexslider({ 
      animation: "slide" 
     }); 
    }); 
</script> 
<script> 
    function contclick(){ 
     $(".mov-etm").hide(); 
    } 

    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
<script> 
    (function(i,s,o,g,r,a,m) 
    {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new 
     Date();a=s.createElement(o), 
     m=s.getElementsByTagName(o) 
     [0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','https://www.google- 
     analytics.com/analytics.js','ga'); 

    ga('create', 'UA-20183208-1', 'auto'); 
    ga('send', 'pageview'); 

</script> 

助けていただければ幸いです。私はこのAMP事のために全く新しいです。

Answer 1

提供したコードに基づいて、目標を達成するために利用できるAMPコンポーネントを使用できます。

• スライダの日付ピッカーのためにGoogle Analyticsのコード使用amp-analytics
• についてamp-carousel
• を使用することができ、そこには何も具体的には に見えるが、私はあなたが多分として ampbyexample.comがチェックアウトはお勧めしません。あなたがやることをやるコンポーネントは です。

スクリプトタグをAMPページに直接含めることはできませんが、サービスワーカーを使用してページにスクリプトを追加できます。しかし、これはプログレッシブウェブアプリケーション向けで、コンポーネントを追加するのではなく、むしろ複雑なパターンです。 amp-install-serviceworker。

また、あなたはあなたがAMPとはどういう意味ですか日付ピッカーHow to embed interactive elements on AMP pages?