Question

客户最近在其网站上请求了社交媒体链接。 Facebook是我有史以来的第一次尝试。我的客户没有Facebook页面。

我的代码：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">

    function renderFbLike() {
        var parent = document.getElementById('fblikediv');
        var child = document.getElementById('fblikeimg');
        parent.removeChild(child);

        //this really works...sort of
        var html2 = "<iframe src=\"http://www.facebook.com/plugins/like.php?href=http://www.jplandman.co.za&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=60&appId=258346014244946\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:450px; height:40px;\" allowTransparency=\"true\"></iframe>";

        document.getElementById('fblikediv').innerHTML = html2;

    }
</script>
</head>
<body>
    <br />
    <br />
    <br />
    <div id="fblikediv">
        <img src="images/fb-like-button.png" id="fblikeimg" onmouseover="return renderFbLike();"></div>
    <p />
</body>
</html>

截屏： Screen shot from facebook

我的问题：显示“JPLandman”的链接链接到一些不存在的Facebook页面。有什么方法可以防止这种情况吗？有什么可行的工作？

Answer 1

看看将这个添加到你的脑袋有什么不同！？！

<meta property="og:title" content="Some Title"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.jplandman.co.za"/>
<meta property="og:site_name" content="JP Landman"/>
<meta property="og:description" content="Some content"/>

Answer 2

所以在为我的客户挣扎了一会儿后，我终于找到了一个足够的页面。他们创造了代码。复制和粘贴（不是我的首选，但它按预期工作）

AddThis+

Facebook喜欢按钮在网页上

2 个答案: