전체 웹 페이지의 경우 스크립트 태그를 AMP로 변환하는 방법

Question

html 파일에만 여러 외부 CSS, 외부 js 및 jQuery로 구성된 웹 페이지가 있습니다. 내 전체 페이지를 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?