如何确保为我的动态内容生成唯一的JavaScript Tweet按钮


How to enusre unique JavaScript Tweet buttons are generated for my dynamic content

我为我的页面生成内容,使用PHP从数据库中填充页面的HTML元素。我有一个推特按钮旁边的动态内容,但推特按钮当然是一个按钮,并适用于该页面的所有可用内容。我需要知道是否有可能以某种方式为每个页面设置一个唯一的按钮。

这是直接从Twitter网站获取的Tweet按钮代码:

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.game-center-achievements.com/" data-via="gcachievements0" data-size="large">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>

我想我可能会使用一个变量作为id,所以当id 5从我的数据库第5行被选中时,应用相同的id到JavaScript,我不知道如果Twitter支持这个,或者这个提供的JavaScript可以改变以实现我想要的。

这是我的网页,它使用链接来设置页面内容,你可以看到整个页面的Tweet按钮是相同的。

我不知道以前是否有人这样做过。

Twitter分享按钮用于分享"页面url"。如果您看到上面的代码,它在锚中有一个data-url。这是当点击链接时将被共享的页面。如果缺少data-url属性,则假定您想要共享当前页面。

到这里:https://twitter.com/about/resources/buttons#tweet获取代码。确保共享URL中有"使用页面URL"。通过这种方式,您可以在所有页面上插入相同的代码,但它们实际上共享您当前所在的页面。