向预先填充的推文添加变量答案

【问题标题】：Adding a Variable to a Pre-Populated Tweet向预先填充的推文添加变量
【发布时间】：2015-12-09 07:43:18
【问题描述】：

我正在向网页添加推文按钮，虽然 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 句柄和正确的主题标签，但我想添加与特定 @job 变量关联的 Twitter 句柄。

我已经在 Twitter 开发人员文档中搜索了 Tweet Web Intent 和 Tweet Button，但我发现不足。

这可能吗？

提前感谢您的任何帮助。

【问题讨论】：

标签： javascript ruby-on-rails twitter tweets

【解决方案1】：

您可以将句柄添加到 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>

【讨论】：