您身边的网站建设专家
成功案例

【建站服务】漳浦400电话办理【漳浦网站公司】漳浦百度优化、漳浦域名注册、漳浦网店美工、漳浦微信公众号托管-域名申请

日期: 2022-09-20 15:47:39 浏览数:3


上往建站提供服务器空间服务商百度快照排名网站托管百度推广运营,致力于设计外包服务与源代码定制开发360推广搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。


漳浦400电话办理【漳浦网站公司】漳浦百度优化、漳浦域名注册、漳浦网店美工、漳浦微信公众号托管


网站建设.jpg



漳浦县,闽南金三角南部县份,是福建省漳州市南部沿海县,唐垂拱二年(686年)置县,明以后素有“金漳浦”美誉。漳浦县是著名侨乡和台胞祖籍地 [1]  ,全县去台人员1.2万人,台属2.6万人,在2300万多台湾人中漳浦籍占200多万。

漳浦县有南溪、鹿溪、佛潭溪、赤湖溪、杜浔溪、浯江溪等河流,年降水量1600毫米,年均气温21.8℃。海岸线216千米,大小岛礁178个,海湾6个,港湾5个。漳诏高速公路、324国道、厦深铁路、漳州沿海大通道过境,水运有下寨和旧镇码头。沈海高速公路在漳浦设有3个互通口。

漳浦县是一个千年古县、全国文化先进县、人口大县、农业大县、海洋大县 、资源大县、新兴临港工业县。境内打造台湾古雷石化产业基地(千亿产业群)是一个台商投资密集地,改革开放后成为全国首批沿海对外开放县、现代农业示范区和国家级海峡两岸(福建)农业合作实验区的重要组成部分。

2017年2月,漳浦县入选国家重大市政工程领域PPP创新工作重点城市。2020年7月29日,入选2017-2019周期国家卫生乡镇(县城)命名名单。 [2] 


概述

在使用百度分享之前我们要先到http://share.baidu.com/code 去复制分享所需要的相关资料!

vue之百度分享

百度分享分为自由选择版跟专业开发版,两者的区别在于一个是直接粘贴使用,靠程序去自己抓取内容,缺点有时候不是自己想要的,那么下面的专业开发版就正好满足了开发者自定义开发分享内容的需求

自由选择版

直接复制以下代码,也可以根据自己的想法进行一些简单的配置,如下

<div class="bdsharebuttonbox">
    <a href="#" class="bds_more" data-cmd="more"></a>
    <a href="#" class="bds_qzone" data-cmd="qzone"></a>
    <a href="#" class="bds_tsina" data-cmd="tsina"></a>
    <a href="#" class="bds_tqq" data-cmd="tqq"></a>
    <a href="#" class="bds_renren" data-cmd="renren"></a>
    <a href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>
<script>
    window._bd_share_config={
        "common":{
            "bdSnsKey":{},
            "bdText":"",
            "bdMini":"2",
            "bdPic":"",
            "bdStyle":"0",
            "bdSize":"16"
        },
        "share":{},
        "image":{
            "viewList":[
                "qzone",
                "tsina",
                "tqq",
                "renren",
                "weixin"
            ],
            "viewText":"分享到:",
            "viewSize":"16"
        },
        "selectShare":{
            "bdContainerClass":null,
            "bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]
        }
    };
    with(document)0

    [(getElementsByTagName('head')[0]||body).

    appendChild(createElement('script')).

    src="https://www.zhuimengzhu.com/http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion="+~(-new Date()/36e5)];
</script>

专业开发版

一、概述

百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节。

二、代码结构

分享代码可以分为三个部分:HTML、设置和js加载,示例如下:

代码结构如下:

<div class="bdsharebuttonbox" data-tag="share_1">
  <!— 此处添加展示按钮 —>
</div>
<script>
window._bd_share_config = {
    //此处添加分享具体设置
}
    //以下为js加载部分
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src="https://www.zhuimengzhu.com/http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)];
</script>

三、按钮标签

按钮标签代码

<div class="bdsharebuttonbox" data-tag="share_1">
    <a class="bds_mshare" data-cmd="mshare"></a>
    <a class="bds_qzone" data-cmd="qzone" href="#"></a>
    <a class="bds_tsina" data-cmd="tsina"></a>
    <a class="bds_baidu" data-cmd="baidu"></a>
    <a class="bds_renren" data-cmd="renren"></a>
    <a class="bds_tqq" data-cmd="tqq"></a>
    <a class="bds_more" data-cmd="more">更多</a>
    <a class="bds_count" data-cmd="count"></a>
</div>

说明:
只有普通页面分享需要按钮标签。划词分享、图片分享无需添加HTML结构。
HTML结构可以放在body的任意位置,可复制多份。
class=”bdsharebuttonbox” 部分为dom选择器,请勿改动。
data-tag属性为分享按钮标识,用于实现同一页面中多分享按钮不同配置,详见设置部分。
data-cmd属性为分享目标标识,取值请参见:分享媒体id对应表。此外值为more时点击展现更多弹窗,值为count时展现分享数。
HTML代码中其他部分均可自定义。

四、自定义设置

设置部分结构如下,如不需要某项功能,删除相应的配置项即可。

设置:

<script>
    window._bd_share_config = {
        common : {
        //此处放置通用设置
        },
        share : [
        //此处放置分享按钮设置
        ],
        slide : [
        //此处放置浮窗分享设置
        ],
        image : [
        //此处放置图片分享设置
        ],
        selectShare : [
        //此处放置划词分享设置
        ]
    }
</script>

4.1 通用设置

通用设置将作用于所有分享类型,可将通用设置放于此处,如分享内容、分享url等。

通用设置

<script>
window._bd_share_config = {
    common : {
        bdText : '',
        bdDesc : '',
        bdUrl : '', 
        bdPic : '',
        …
    }
}
</script>

通用设置项解析:

配置项名称值类型格式和取值描述
bdTextstring自定义分享的内容
bdDescstring自定义分享的摘要
bdUrlstring自定义分享的Url地址
bdPicstring自定义分享的图片
bdSignstringon|off|normal是否进行回流统计
bdMiniint1|2|3下拉浮层中分享按钮的列数
bdMiniListarray[‘qzone’,’tsina’,…]自定义下拉浮层中的分享按钮类型和排列顺序。详见分享媒体id对应表
onBeforeClickfunctionfunction(cmd,config){}在用户点击分享按钮时执行代码,更改配置。cmd为分享目标id,config为当前设置,返回值为更新后的设置。
onAfterClickfunctionfunction(cmd){}在用户点击分享按钮后执行代码,cmd为分享目标id。可用于统计等。
bdPopupOffsetLeftint正|负数下拉浮层的y偏移量
bdPopupOffsetTopint正|负数下拉浮层的x偏移量

‘on’: 默认值,使用正常方式挂载回流签名(#[数字签名])
‘off’: 关闭数字签名,不统计回流量
‘normal’: 使用&符号连接数字签名,不破坏原始url中的#锚点

4.2 分享按钮设置

分享按钮设置的值为数组或对象,值为数组时可对多个分享按钮应用不同的设置。

分享按钮设置

<script>
    window._bd_share_config = {
        share : [{
            "tag" : "share_1",
            "bdSize" : 32,
            …
            },{
            "tag" : "share_2",
            "bdSize" : 16,
        …
        }]
    }
</script>

分享按钮配置项解析:

配置项名称值类型格式和取值描述
tagstring与data-tag一致表示该配置只会应用于data-tag值一致的分享按钮。如果不设置tag,该配置将应用于所有分享按钮。
bdSizeint16|24|32分享按钮的尺寸
bdCustomStylestring样式文件地址自定义样式,引入样式文件

4.3 浮窗分享设置

浮窗分享设置的值为数组或对象,值为数组时可在页面显示多个分享浮窗。

浮窗分享设置

<script>
    window._bd_share_config = {
        slide : [{   
            bdImg : 0,
            bdPos : "right",
            bdTop : 100
            },{
            bdImg : 0,
            bdPos : "left",
            bdTop : 100
        }]
    }
</script>

浮窗分享设置项解析:

配置项名称值类型格式和取值描述
bdImgstring0|1|2|3|4|5|6|7|8分享浮窗图标的颜色
bdPosstringleft|right分享浮窗的位置
bdTopintleft|-分享浮窗与可是区域顶部的距离(px)

4.4 图片分享设置

图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置。

图片分享设置

<script>
    window._bd_share_config = {
        image : [{
            "tag" : "img_1",
            viewType : 'list',
            viewPos : 'top',
            viewColor : 'black',
            viewSize : '16',
            viewList : ['qzone','tsina','huaban','tqq','renren']
        },{
            "tag" : "img_2",
            viewType : 'list',
            viewPos : 'top',
            viewColor : 'black',
            viewSize : '16',
            viewList : ['qzone','tsina','huaban','tqq','renren']
        }]
    }
</script>

图片分享设置项解析:


配置项名称值类型格式和取值描述
tagstring与data-tag一致表示该配置只会应用于data-tag值一致的图片。如果不设置tag,该配置将应用于所有图片。
viewTypestringlist|collection图片分享按钮样式
viewPosstringtop|bottom图片分享展示层的位置
viewColorstringblack|white图片分享展示层的背景颜色
viewSizeint16|24|32图片分享展示层的图标大小
viewListarray[‘qzone’,’tsina’,…]自定义展示层中的分享按钮类型和排列顺序。详见分享媒体id对应表

4.5 划词分享设置

划词分享设置

<script>
    window._bd_share_config = {
        selectShare : [{
            "bdSelectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf'],
            "bdContainerClass" : "容器class名"
        }]
    }
</script>

图片分享设置项解析:
| 配置项名称 | 值类型 | 格式和取值 | 描述 |
| —————— | —————— | —————— | —————— |
| bdSelectMiniList | array | [‘qzone’,’tsina’,…] | 自定义弹出浮层中的分享按钮类型和排列顺序。详见分享媒体id对应表 |
| bdContainerClass | string | myclassname | 自定义划词分享的激活区域 |

五、引入javascript

加载js

<script>
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src="https://www.zhuimengzhu.com/http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)];
</script>

说明:

请将代码放于</body>之前。

六、完整示例代码

完整代码如下,请根据自身情况修改。

完整示例代码

<div class="bdsharebuttonbox" data-tag="share_1">
    <a class="bds_mshare" data-cmd="mshare"></a>
    <a class="bds_qzone" data-cmd="qzone" href="#"></a>
    <a class="bds_tsina" data-cmd="tsina"></a>
    <a class="bds_baidu" data-cmd="baidu"></a>
    <a class="bds_renren" data-cmd="renren"></a>
    <a class="bds_tqq" data-cmd="tqq"></a>
    <a class="bds_more" data-cmd="more">更多</a>
    <a class="bds_count" data-cmd="count"></a>
</div>
<script>
window._bd_share_config = {
    common : {
        bdText : '自定义分享内容',
        bdDesc : '自定义分享摘要',
        bdUrl : '自定义分享url地址', 
        bdPic : '自定义分享图片'
    },
    share : [{
        "bdSize" : 16
    }],
    slide : [{   
        bdImg : 0,
        bdPos : "right",
        bdTop : 100
    }],
    image : [{
        viewType : 'list',
        viewPos : 'top',
        viewColor : 'black',
        viewSize : '16',
        viewList : ['qzone','tsina','huaban','tqq','renren']
    }],
    selectShare : [{
        "bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']
    }]
    }
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src="https://www.zhuimengzhu.com/http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)];
</script>

七、分享媒体id对应表

分享媒体id对应表

名称ID
印象笔记evernotecn
网易热h163
一键分享mshare
QQ空间qzone
新浪微博tsina
人人网renren
腾讯微博tqq
百度相册bdxc
开心网kaixin001
腾讯朋友tqf
百度贴吧tieba
豆瓣网douban
百度新首页bdhome
QQ好友sqq
和讯微博thx
百度云收藏bdysc
美丽说meilishuo
蘑菇街mogujie
点点网diandian
花瓣huaban
堆糖duitang
和讯hx
飞信fx
有道云笔记youdao
麦库记事sdo
轻笔记qingbiji
人民微博people
新华微博xinhua
邮件分享mail
我的搜狐isohu
摇篮空间yaolan
若邻网wealink
天涯社区ty
Facebookfbook
Twittertwi
linkedinlinkedin
复制网址copy
打印print
百度中心ibaidu
微信weixin
股吧iguba

八、工具

检测分享代码版本
//打开已安装分享代码的页面,在控制台中执行:
javascript:b(window.bdShare||window._bd_share_main);alert(b?’u5F53u524Du9875u9762u7684u5206u4EABu4EE3u7801u7248u672Cu4E3AuFF1A’+(b.version||’1.0’):’u5F53u524D&


漳浦400电话办理漳浦网站公司漳浦百度优化、漳浦域名注册、漳浦网店美工、漳浦微信公众号托管


上往建站提供搭建网站域名注册官网备案服务网店详情页设计企业网店专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管网页美工排版,致力于域名申请竞价托管软文推广全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机网站推广百度竞价托管网站建设上网建站推广服务网络公司有哪些等业务,专业团队服务,效果好。

服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)


全国咨询热线:400-111-6878

地址:全国各地都有驻点商务

Copyright © 2021 通陆科技

网站建设上往建站