添加社交分享链接到网站

Question

我有一个网站，我正在尝试在网站上添加社交分享链接。

我不想要使用Twitter，Google或Facebook提供的通用按钮。我有一些我想使用的图标，但想要将共享弹出窗口和交互挂钩到它们中。

我尝试使用Facebook的指南，当我显示弹出窗口时，用户状态实际上从未发布到页面。我有Facebook的脚本，但它不会发布到我的测试用户帐户。

我目前正在使用Twitter意图并且工作正常，但似乎无法将任何Twitter元数据填充到已发布的推文中。

Facebook元数据

<meta property="og:url" content="http://www.example.com" />
<meta property="og:title" content="Example Research Inforgraphic" />
<meta property="og:description" content="Example Research Inforgraphic" />
<meta property="og:image" content="images/share-content.jpg" />

Facebook Custom JS（点击，做facebook的东西）

$('.icon-fb').on('click', function(e){
    e.preventDefault();
    console.log('clicked');
    FB.ui({
      method: 'share',
      href: 'http://pbj.me',
    }, function(response){});
  });

Twitter Meta Data（刚刚从网站上抓取，未编辑内容）

<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="@paulund_">
<meta name="twitter:creator" content="@paulund_">
<meta name="twitter:url" content="http://www.paulund.co.uk/example-image.jpg">
<meta name="twitter:title" content="Image Title">
<meta name="twitter:description" content="Image Description">
<meta name="twitter:image" content="http://www.paulund.co.uk/example-image.jpg">
<meta name="twitter:image:width" content="500">
<meta name="twitter:image:height" content="500">

Twitter Intent Code Snippet

<li><a class="ss-icon ss-social icon-twitter" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fexample.com&via=example" data-via="IBMResearch" data-related="pbj" data-hashtags="clientX" title="Share on Twitter">twitter</a></li>

Answer 1

您可以使用Twitter Card Validator检查所有代码是否正确。

您可能还需要get your cards approved by Twitter。