2015-09-13 67 views
3

我正在向網頁添加Tweet按鈕,而Twitter則提供了一種相當直接的方式來自定義推文並生成按鈕,以便將代碼簡單地複製並粘貼到一個網頁,我想要更多的定製。向預先填充的變量添加變量

該應用程序是在Rails中構建的,我希望推文動態地包含變量的Twitter句柄(如果可用)。

當前的代碼生成的Twitter按鈕如下:

<% if @job.twitter.present? %> 
<li><%= link_to '<i class="fi-social-twitter"></i> '.html_safe + " Job News", twitter_url(@job.twitter), :target => '_blank' %></li> 

使用Twitter的tweet button tool,我創建:

<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out this job!" data-via="BigAmazingJobs" data-hashtags="JobTag">Tweet</a> 
<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> 

的鳴叫按鈕的功能就好了,預先填入網站的主要的Twitter句柄和正確的hashtag,但我想添加與特定的@job變量相關聯的Twitter句柄。

我已經搜索了Tweet Web IntentTweet Button的Twitter開發者文檔,但我總結了一下。

這甚至可能嗎?

非常感謝您提供任何幫助。

回答

0

您可以將句柄添加到a-tag上的data-text屬性。像這樣:

<a href="https://twitter.com/share" class="twitter-share-button" 
    <%# Conditionally add "@@job.twitter" %> 
    data-text="Check out this job<% if @job.twitter.present? %><%= "@{@job.twitter}" %><% end %>!" 
    data-via="BigAmazingJobs" data-hashtags="JobTag">Tweet</a> 
<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>