지금 보고 있는 페이지의 Twitter 투고를 보조하는 북마크릿【선택한 텍스트＋URL】

뉴스와 블로그와 같은 일부 사이트를보고 있습니다.
Twitter에 게시하고 싶지만 공유 버튼이 없어 불편!
버튼은 있지만 문장이 붙지 않은 등의 경험은 없습니까?
특히 오래된 기사, 블로그 이외의 사이트 등.

그럴 때 이 북마크릿이 있으면 원 버튼으로
제목 또는 H1 태그 또는 [선택한 텍스트]+
URL 첨부의 투고 화면을 표시할 수 있습니다.



아래 코드를 복사하여 브라우저 북마크
URL에 붙여넣는 것으로 이용할 수 있습니다.
※PC판 Chrome에서 동작 확인하고 있습니다. 2020.07.01 현재

선택한 텍스트를 문장으로 사용하는 버전

javascript:tt=window.getSelection().toString();window.open('https://twitter.com/intent/tweet?url='+encodeURI(location.href)+'&text='+encodeURI(tt),'_blank')

페이지 타이틀 버전

javascript:tt=document.title;window.open('https://twitter.com/intent/tweet?url='+encodeURI(location.href)+'&text='+encodeURI(tt),'_blank')

H1이 있으면 H1 텍스트를, 그렇지 않으면 페이지 제목을 사용하는 버전

javascript:tt="";if(document.getElementsByTagName('h1')[0]==undefined){tt=document.title;}else{tt=document.getElementsByTagName('h1')[0].textContent;}window.open('https://twitter.com/intent/tweet?url='+encodeURI(location.href)+'&text='+encodeURI(tt),'_blank')

코드 해설(H1판)

아주 간단합니다. h1 태그가 존재하는지 확인하고,
존재하지 않으면 제목을, 존재하면 h1 내의 텍스트를 사용합니다.tt="";if(document.getElementsByTagName('h1')[0]==undefined){tt=document.title;}else{tt=document.getElementsByTagName('h1')[0].textContent;}
location.href에서 URL을 가져옵니다.
일본어에 대응하기 위해 URL도 텍스트도 인코딩합니다.window.open('https://twitter.com/intent/tweet?url='+encodeURI(location.href)+'&text='+encodeURI(tt),'_blank')

이용 이미지와 이용 방법

1. 적당한 북마크를 만듭니다. 이름도 적당히 붙입니다.
2. URL을 위의 코드로 만듭니다. Javascript:~ 붙여넣기
3. 게시하고 싶은 사이트를 열고 있을 때 이 북마크를 누른다

이미지는 Google이 대상 사이트인 경우의 예입니다.



※화상 추가했습니다.

예, 설명 페이지도 아래에 준비했습니다.
ht tp // // ㅇㅜㅜ try. 사쿠라. 네. jp / 비 · 코데 / 그럼 sc 리 pt / 20201001 / x x와 ぃ r. HTML