您现在的位置:首页 >> 前端 >> 内容

百度分享2.0动态绑定分享内容

时间:2017/8/26 9:31:00 点击:

  核心提示:百度分享首页利用4.1中 onBeforeClick 方法 进行动态 修改 分享内容以下是本人代码//设置分享function beforeShareClick(cmd, config) {//设置 ...

百度分享首页

利用4.1中 onBeforeClick 方法 进行动态 修改 分享内容

百度分享2.0动态绑定分享内容

以下是本人代码

    //设置分享  
    function beforeShareClick(cmd, config) {            
        //设置 config
        //请在页面底部重写BindBdShare()方法 
        //根据自己的需求可以选择是否需要此方法
        var model=BindBdShare();
        config.bdText = model.bdTitle;  
        config.bdDesc = model.bdAbstract;  
        config.bdUrl=model.bdUrl;
        config.bdPic=model.bdPic;
        return config;  
    }
    //ajax请求数据也可以执行此方法来进行百度分享的初始化
    function baiduShare(){
        if(window._bd_share_main){
            window._bd_share_main.init();
        }
        window._bd_share_config = {
            common : {
                onBeforeClick: beforeShareClick //后边这个方法名随便命名
            },
            share : [{
                "bdSize" : 16
            }]
        }
        with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
    }
    //这只是我自己需求实现    
    function BindBdShare(){
        return {"bdTitle":"IT168.com – 电商时代IT导购第一站","bdAbstract":"IT168是中国最大的个人和企业IT产品选购、互动网站,每日提供最新的IT产品报价、促销行情、手机、平板、笔记本、相机和企业等50个频道提供最专业的产品选购和使用建议。","bdUrl":"http://www.it168.com/","bdPic":"http://www.it168.com/detailinclude/images/168article.jpg"};
    }

由于我是获取本页面内容
非动态获取
所以我只是需要获取本页面内容

var shareA;
function BindBdShare(){
    var li= $(shareA).parent().parent().parent().parent();
    var i=li.find(".img a img").attr("src");
    var h=li.find(".list2_r .title3 a").attr("href");
    var t=li.find(".list2_r .title3 a").html();
    var d=li.find(".list2_r p").html();
    return {"bdTitle":t,"bdAbstract":d,"bdUrl":h,"bdPic":i};
}
$(function(){
    //页面加载初始化设置页面所有百度分享中更多按钮
    $(".bds_more").mouseover(function(){shareA=this;});
});

作者:网络 来源:piupiupiup