사용자 지정 Tweet 단추를 만드는 가장 쉬운 방법은 무엇입니까?

내 사이트의 모든 게시물에 대해 사용자 지정 트윗 버튼을 디자인하려고합니다. 아래는 지금 사용중인 오리지널 twitter 코드입니다. 나는 이것을 백그라운드에서 내 자신의 '디자인 된 이미지'로 사용자 정의 디자인으로 바꾸고 싶습니다. npr.org처럼.사용자 지정 Tweet 단추를 만드는 가장 쉬운 방법은 무엇입니까?

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.example.com{$story_url}" data-text="{$title_short}" data-count="none">Tweet</a> 

{literal}<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>{/literal}

아래 (의견에) 사용자 정의 디자인 코드가 작동하지만 트위트 할 때 제목이 없습니다. 누군가가 나를 도울 수 있다면 정말 좋을 것입니다. 당신은 공식 트위터 클래스 & 자바 스크립트를 사용하지 않는 경우 데이터 매개 변수가 작동하지 않습니다 : 당신이 주석으로 게시 코드에 대해서는 트위터

출처

2013-09-26 doomla

아래의 사용자 정의 디자인 코드가 작동하지만, 트위트 할 때 제목없이 나타납니다. 누군가가 나를 도울 수 있다면 정말 좋을 것입니다.

Twitter

– doomla

. 그런 다음 링크 URL에 모든 것을 포함시켜야하며 메시지에서 공백 등을 탈출해야합니다. 이것은 나를 위해 (루비에서) 작동합니다 :

<% tw_text = "I just finished lesson #{@lesson} of unit #{@unit} on LearnYu.com! #Chinese " %> 
<% tw_text = URI.escape(tw_text, Regexp.new("[^#{URI::PATTERN::UNRESERVED}]")) %> 
<a href="https://twitter.com/share?url=http://www.learnyu.com&via=LearnYu&text=<%= tw_text %>" target="_blank"><img src="/assets/twitter_button.jpg" alt="Share this on Twitter!" /></a>

출처

2013-12-06 20:41:13 Sprachprofi

사용자 지정 Tweet 단추를 만드는 가장 쉬운 방법은 무엇입니까?

답변

관련 문제