Twitter不久前推出了@anywhere平台。这个新平台通过几行JavaScript将twitter整合到您的网站中。它允许更多推文，更多流量，更多关注，更多参与，更多用户和更多洞察力。您现在可以在您的网站上嵌入推文框，人们可以直接从您的网站发送推文。它还将所有Twitter用户名转换为链接（@itbook5）。如果启用了hovercard选项，则用户将看到一个带有跟随按钮和用户信息的悬停框。您还可以创建与twitter按钮的连接，在Twitter按钮上关注@itbook5等等。随着Twitter的发展，我们认为这个新平台将在网络的未来发挥重要作用。在本文中，我们将分享如何在WordPress博客上添加Twitter的任何平台的一些元素。

更新：Twitter正在关闭2012年12月6日的@anywhere API。以下是更多详细信息。

第1步：注册API

在您可以在站点上添加任何平台之前，您需要注册API。系统将提示您显示如下所示的页面：

注册后，您应该会收到一个API密钥。接下来要确保权限级别设置为“读取”和“写入”，否则用户将无法单击“关注”按钮。这是一个与twitter有关的故障，但他们正在努力解决这个问题。但为了保持安全，我们将提供有关如何执行此操作的说明。

首先单击链接http://twitter.com/oauth。在此页面上，您将看到您注册的应用程序。单击您的应用程序名称，它将带您进入应用程序详细信息页面。有一个名为“编辑应用程序设置”的按钮。单击此按钮转到编辑页面，您需要向下滚动到标有“默认访问类型”的项目。将其更改为“Read和Write“。

第2步：在您的网站上实现它

由于任何平台都有许多功能，我们将逐一解释每个功能。首先，您需要调用主JavaScript。Twitter建议您将此脚本放在 header.php 文件中（＆lt; head＆gt;在这两个代码之间＆lt; / head＆gt;）。

<script src="http://platform.twitter.com/anywhere.js?id=YourAPIKey&v=1" type="text/javascript"></script>

请记住将链接中的YourAPIKey添加到您的API密钥中。

现在让我们来看看这个平台可以为您做的各项功能。

自动链接所有Twitter用户名

此功能将自动链接您帖子和评论中的所有Twitter用户名。如果你提到这种格式的推特用户名：@itbook5 它将自动链接到相应的Twitter帐户。如果您向Twitter用户提及提及的帖子，这可以为您节省大量时间。要添加此功能，只需在主脚本之后将以下代码粘贴到站点的标题中即可。

<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter){
twitter.linkifyUsers();
};
</script>

这将链接您的正文标记中提到的所有Twitter用户名，不包括链接，脚本，iframe，文本区域，标题标记和其他按钮。

使用Hovercard自动链接所有Twitter用户名

此功能会自动链接页面上找到的所有Twitter用户名，并且还提供鼠标悬停效果的悬浮卡。因此，当您的网站用户将鼠标移至用户名@itbook5时，他们会看到如上例所示的hoverbox。如果他们点击了关注按钮，那么他们可以直接关注您网站上的用户。要启用此功能，只需将以下代码粘贴到主脚本下方的网站标题中。

<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter.hovercards();
};
</script>

智能关注按钮for Twitter

Smart Follow Button for Twitter

智能关注按钮可让您的用户直接从您的网站关注您的帐户。您可以为您的网站创建按钮，并在帖子或其他任何地方使用它们。请参阅下面的实例：

要在您的网站中添加此类型的按钮，请首先将以下代码粘贴到主脚本下方的网站标题中：

<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter("#follow-itbook5").followButton("itbook5");
};
</script>

其次，您需要添加以下div标记您希望此按钮显示的位置：

<div id="follow-itbook5"></div>

请记住将itbook5更改为您的用户名，否则它将显示我们的Twitter帐户的以下链接。

您网站上的Live Tweet Box

您可以在您的网站上创建一个推文框，允许用户直接从您的网站发送推文，而无需访问Twitter。这个框的一个例子如下所示:(请记住，如果你点击推文，它会发推文。）

尝试从上面的实时框中发推文，看看它有多酷。如果你推特默认内容，我们真的很感激，所以它有助于我们:)

嗯，因为你可以看到这个实时推文框非常强大。如果您想轻微自定义，您甚至可以在其中添加转推文本。要在您的网站上添加实时推文框，请首先在主脚本之后将以下代码粘贴到您网站的标题中：

<script type="text/javascript">
twttr.anywhere(onAnywhereLoad);
function onAnywhereLoad(twitter) {
twitter("#custom-tweetbox").tweetBox({
label: "Live Tweet Box:",
defaultContent: "Everyone should follow @itbook5 for awesome #WordPress tips",
height: 50,
width: 480,
});
};
</script>

然后在要显示实时推文框的位置添加以下代码：

<div id="custom-tweetbox"></div>

我们看到WordPress插件目录中已经有很少的插件可以让你使用基本功能，如悬停卡或自动链接。如果需要，您可以使用这些插件，但这很简单，您最好手动放置代码。

评论被关闭。