facebook分享和点赞及回调

1，facebook开发文档

https://developers.facebook.com/docs/

2，facebook分享

第一步：引入一个js文件

<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"></script>

第二步：meta标签标示原网站信息

<meta property="og:type" content="website" />
<meta property="og:image" content="test/zg.jpg" />
<meta property="og:description" content="test" />
<meta property="og:url" content="" />
<meta property="og:title" content="Your Website Title" />

第三步：注册点击事件

图片.png

第四步：打开facebook网页

sharetofacebook() {
        window.open('http://www.facebook.com/sharer.php?u=' + encodeURIComponent('https://www.baidu.com') + '&t=' + encodeURIComponent(document.title), 'newWindow', 'width=800, height=400', 'center')
    }

3，facebook点赞

图片.png

第一步：实现功能

<a href="javascript:void (0);" class="step-fb">
    <div class="fb-like" data-href="https://business.facebook.com/%E4%BF%AE%E7%9C%9F%E9%AB%98%E6%89%8B-255069005097341/?business_id=838864612989165" data-width="150" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false">
    </div>
</a>

第二步：监听回调

图片.png

 fblikecallback() {
        FB.Event.subscribe('edge.remove', function() {
            this.fblikecallbackdata = false //false: 不喜欢  true: 喜欢
        })

        FB.Event.subscribe('edge.create', function() {
            this.fblikecallbackdata = true
        })
    }