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

最新推荐文章于 2022-02-21 18:04:34 发布

2二台

最新推荐文章于 2022-02-21 18:04:34 发布

阅读量604

点赞数

CC 4.0 BY-SA版权

分类专栏： js JQuery 分享分享功能文章标签：百度分享百度分享功能分享

本文链接：https://blog.youkuaiyun.com/qq_17242011/article/details/77532979

js 同时被 3 个专栏收录

1 篇文章

订阅专栏

JQuery

1 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍如何使用百度分享代码，并通过onBeforeClick方法动态修改分享内容。提供了具体实现代码示例，包括设置分享文本、链接、图片等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度分享首页
http://share.baidu.com/code/advance 百度分享代码获取
利用4.1中 onBeforeClick 方法进行动态修改分享内容

这里写图片描述

以下是本人代码

    //设置分享  
    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;});
});