推特和脸书分享网站分享按钮

问题描述:

所以我想为我的网站上的个别文章添加一个Facebook和Twitter分享按钮。文章使用URL中的一个php GET变量显示。 Twitter和Facebook分享按钮位于主页上,与他们分享的页面不同(他们正在共享他们链接到的文章的页面)。我有两个按钮的代码现在是推特和脸书分享网站分享按钮

的Twitter:

$url = rawurlencode("http://www.weGamblePro.com/article.php?article={$title}"); 
<a href='http://twitter.com/share?url=$url' class='twitter-share-button'>Tweet</a> 

Facebook的:

<div style='float: right;' class='fb-share-button' 
    data-href='http://www.weGamblePro.com/article.php?article=$title' 
    data-layout='button_count'> 
</div> 
  1. 我的第一个问题是在Twitter分享按钮只股票的标题主页,并且根本没有URL。我希望它分享文章的网址(就像它是如何在$ url变量中)。

  2. 我的第二个问题是facebook分享,它分享正确的页面,但我希望能够编辑描述,标题和图像。

对这两个问题的建议将不胜感激。

感谢。

渲染例如:www.weGamblePro.com

+0

将我们链接到一个实际示例,而不是审查域,包括两个按钮(不是预渲染的PHP)的最终呈现HTML。 – ceejayoz

+0

www.weGamblePro.com ...编辑帖子。 –

+1

像http://www.wegamblepro.com/article.php?article=Sports%20Betting%20Totals:%201989-2015这样的网址似乎没有包含每篇文章标题的“

”标签。他们也缺乏Facebook的'og'元标记。 Facebook的调试器提供了具体的建议和提示:https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Fwww.wegamblepro.com%2Farticle.php%3Farticle%3DSports%2520Betting%2520总计%3A%25201989-2015 – <span class="text-secondary"> <small> <a rel="noopener">ceejayoz</a></small></span> <span></span>

http://www.wegamblepro.com/article.php?article=Sports%20Betting%20Totals:%201989-2015为例:

  1. <title>标签<title>weGamble | Article</title>。这就是Facebook使用的。在标题标签中输出$title,Facebook将使用它。

  2. 您可以通过Facebook的Open Graph标记控制标题,描述,图片等,如documented here。从他们的例子... <meta property="og:description" content="How much does culture influence creative thinking?" />

  3. Facebook debugger会告诉你所有这些事情,并提供建议和看看为什么Facebook选择什么选择显示您的网址。