Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Twitter和Facebook共享网站共享按钮_Javascript_Php_Html_Web_Hyperlink - Fatal编程技术网

Javascript Twitter和Facebook共享网站共享按钮

Javascript Twitter和Facebook共享网站共享按钮,javascript,php,html,web,hyperlink,Javascript,Php,Html,Web,Hyperlink,所以我尝试在我的网站上为个人文章添加一个facebook和twitter共享按钮。文章是使用URL中的php GET变量显示的。twitter和facebook共享按钮位于主页上,与他们共享的页面不同(他们共享链接到的文章页面)。我现在有两个按钮的代码是 推特: $url = rawurlencode("http://www.weGamblePro.com/article.php?article={$title}"); <a href='http://twitter.com/share?u

所以我尝试在我的网站上为个人文章添加一个facebook和twitter共享按钮。文章是使用URL中的php GET变量显示的。twitter和facebook共享按钮位于主页上,与他们共享的页面不同(他们共享链接到的文章页面)。我现在有两个按钮的代码是

推特:

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

<div style='float: right;' class='fb-share-button' 
    data-href='http://www.weGamblePro.com/article.php?article=$title' 
    data-layout='button_count'>
</div>

  • 我的第一个问题是twitter共享按钮只共享主页的标题,并且根本没有附加URL。我希望它共享文章的url(即,就像$url变量中的url一样)

  • 我的第二个问题是facebook共享,它共享正确的页面,但我希望能够编辑它附带的描述、标题和图像

  • 请就这两个问题中的任何一个提出建议

    谢谢

    渲染示例:

    以以下示例为例:

  • 您的
    标签是
    weGamble | Article
    。这就是Facebook的用途。在title标签中输出
    $title
    ,Facebook将使用该标签

  • 您可以通过Facebook的Open Graph markup控制标题、描述、图像等,如图所示。从他们的例子<代码>

  • 网站会告诉你所有这些事情,并提供建议,看看Facebook为什么会选择显示你的URL


  • 将我们链接到一个实际的示例,而不是审查域,包括两个按钮的最终呈现HTML(不是预呈现的PHP)。www.weGamblePro.com。。。编辑了post.url,比如没有带有每篇文章标题的
    标记。他们也缺少Facebook的
    og
    meta标签。Facebook的调试器提供了具体的建议和提示: