7

我想将 Twitter 和 Facebook 社交媒体按钮添加到我的 HTML5 应用程序/网站。有没有人有任何“插入”代码？

4

5 回答 5

5

对于 facebook，查看您要添加的按钮，并使用 facebook 的向导生成您的自定义代码：

http://developers.facebook.com/docs/plugins/

这个是推特的：

https://dev.twitter.com/

于 2013-10-05T13:56:20.717 回答
1

我将按钮图像下载为 jpeg，并添加了图像链接（使用 Kompozer 软件）。添加它们后，我还在链接地址之前添加了 target="_blank" 以确保打开了一个新选项卡，而不是将网络用户重定向到其他人的网站:)

target="_blank" href="https://twitter.com/username
于 2013-10-12T11:34:46.353 回答
1

离线查找适合自己的图标，并将链接添加到您的 facebook/twitter/linked in etc 页面。

这样您就可以控制设计。

于 2015-03-03T19:45:14.830 回答
1

只需添加 facebook、twitter 或您想要的图标，并超链接您想要重定向观众的网站的 URL。

于 2021-02-03T05:40:07.777 回答
0

将其添加到您的 html 页面，在正文之后和标题之前：

<div id="fb-root"></div>
<script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

（如果您在 ASP.NET 中使用 Razor 视图引擎，如果您想要多个页面上的按钮，请将上述脚本添加到 _SiteLayout.cshtml 文件中）。

然后将其添加到您希望按钮[s]出现的位置：

<div style="display:inline-block;vertical-align:top">
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">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>
</div>
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui">
</div>

将“ http://www.awardwinnersonly.com ”替换为您网站的 URL，将 Twitter“data-text”值替换为您希望推文默认表达的内容，以及 Twitter“data-via”（不要混淆与 Pancho Villa）价值与您的 Twitter 句柄。

另外，如果您想要 Facebook 评论按钮（来自 Tito Tito 接受的答案），请添加以下内容：

<div class="fb-comments" data-href="http://www.awardwinnersonly.com" data-colorscheme="The color scheme used in the plugin" data-numposts="5" data-width="450"></div>
于 2013-10-05T13:48:50.720 回答