amp-twitter
2348 단어 web-componentAngularamp-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
라든지, 여러가지 에러가 나오고 있는 상태이지만, 뭐 좋을까・알았으면 또 갱신하자
Reference
이 문제에 관하여(amp-twitter), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/hawaii_hahaha/items/c6a5d4a5a5938f35bfe5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
→ 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
라든지, 여러가지 에러가 나오고 있는 상태이지만, 뭐 좋을까・알았으면 또 갱신하자
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
라든지, 여러가지 에러가 나오고 있는 상태이지만, 뭐 좋을까・알았으면 또 갱신하자
text = text.replace(url.url, `<amp-twitter data-tweetid="`+ans[2]+`" width="500" height="50" layout="fixed" dnt="true" cards="hidden"></amp-twitter>`);
TypeError: Cannot read property 'name' of undefined
라든지, 여러가지 에러가 나오고 있는 상태이지만, 뭐 좋을까・알았으면 또 갱신하자
Reference
이 문제에 관하여(amp-twitter), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hawaii_hahaha/items/c6a5d4a5a5938f35bfe5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)