Question

我正在向网页添加推文按钮，而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句柄

我已经搜索了Tweet Web Intent和Tweet Button的Twitter开发人员文档，但我已经做空了。

这甚至可能吗？

提前感谢您提供任何帮助。

Answer 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>

将变量添加到预先填充的推文中

1 个答案: