InlineTweet.js로 콘텐츠에 Tweetable 링크 추가

TechCrunch 및 Mashable과 같은 대규모 사이트에서이 기능을 많이 볼 수 있습니다. 기사를 읽고 전체 문장이 링크처럼 강조 표시됨.

그러나 클릭하면 짹짹 창 열기 해당 텍스트 스 니펫을 Twitter 추종자와 공유하도록 요청합니다. 이 방법은 귀하의 사이트로 트래픽을 유도하십시오. 더 많은 사회적 지분을 장려.

이 효과를 사이트에 복제하려면 InlineTweet.js. 이 기능을 페이지에 바로 추가하여 설정 시간을 절약 할 수 있습니다..

이 무료 자바 스크립트 플러그인은 설치하기가 쉽고 무료 WordPress 플러그인 당신이 그 길을 선호한다면.

그것 자바 스크립트 의존성을 필요로하지 않는다., 그래서 당신은이 sans-jQuery를 실행할 수 있습니다..

모든 콘텐츠가 작동합니다. 직접 데이터 속성을 통해, 그래서 당신은 당신의 내용에 기초하여 이것을 하나씩 설정할 것입니다. 당연히 WordPress 플러그인을 사용하면이 작업을 훨씬 쉽게 처리 할 수 ​​있으므로 더 많은 제어가 필요한 경우이 옵션을 사용하는 것이 좋습니다.

메인 스크립트 페이지에서 몇 가지 코드 스 니펫 이것이 어떻게 작동하는지 보여줍니다..

페이지에 JS 스크립트를 포함시키고 CSS를 스타일 시트에 복사하면됩니다 (단 3 블록 만). 거기에서, 당신은 할 수있다. HTML 코드 추가 이렇게 :

  Lorem Khaled Ipsum은 성공의 주요 열쇠입니다.  

그만큼 필수 항목 여기는 맨 위에있다. 데이터 인라인 짹짹 속성. 이 효과를 얻는 데 필요한 유일한 방법입니다., 그 밖의 모든 것은 선택 사항입니다..

그러나 이러한 추가 옵션은 자동 생성 된 트윗에 기능 추가:

• 데이터 인라인 - 트윗 - 비아 - 트위터에 @mention을 추가합니다.
• 데이터 인라인 짹짹 태그 - 짹짹에 태그를 추가합니다 (방이있을 경우).
• 데이터 인라인 트윗 URL - 귀하의 짹짹에 클릭 가능한 URL이 포함되어 있습니다.

설치 프로그램이 어려울 수 있습니다. 따라서 가능한 경우 WordPress 플러그인을 사용하는 것이 좋습니다..

하지만, 트위터 링 할 텍스트를 복사 / 붙여 넣기 만하면 좋지 않습니다. 그리고 무료 플러그인의 경우,이 것은 매우 가볍습니다..

데모 페이지를 통해 실제 상황을 확인하고 더 많은 정보를 얻으려면 GitHub 레포를 살펴보십시오..