amp-twitter

목적



라는 google의 web-component를 사용해 본다
→ up했기 때문에 여러가지 보면, AMP에 관해서는 공부 부족이므로 너무 참고로 하지 않는 것이 좋을 것이다
아무래도, angular는 angular-element를 잘 다루는 것이 왕도인 것 같아··

내용



이런 느낌이 된다.

https://github.com/hideume/ang-simple-twitter

는 angular에서 창조한 twitter-client이다. 여기서 스스로 움직일 수 있다.

통상의 image 태그등을 사용하지 말고, 굳이 트위터 라이크에 묻어 준다.

index.html



3의 소스 추가

index.html
  <link rel="canonical" href="公開するサイト名(自分?)">
  <script async custom-element="amp-twitter" src="https://cdn.ampproject.org/v0/amp-twitter-0.1.js"></script>
  <script async src="https://cdn.ampproject.org/v0.js"></script>

이용법



소스에서 tweetid를 얻고

tweet.pipe.ts
          text = text.replace(url.url, `<amp-twitter data-tweetid="`+ans[2]+`" width="500" height="50" layout="fixed" dnt="true" cards="hidden"></amp-twitter>`);

라는 느낌으로 url을 태그로 바꾸고 있다. ans[2]는 취득한 twitterid이다.

왠지 오류



TypeError: Cannot read property 'name' of undefined
라든지, 여러가지 에러가 나오고 있는 상태이지만, 뭐 좋을까・알았으면 또 갱신하자

좋은 웹페이지 즐겨찾기