百度商橋在網(wǎng)頁中的調(diào)用；百度商橋如何嵌入到網(wǎng)頁中；百度商橋如何自定義右側(cè)（左側(cè)）圖標

[重要通告]如您遇疑難雜癥,本站支持知識付費業(yè)務,掃右邊二維碼加博主微信,可節(jié)省您寶貴時間哦!

有的網(wǎng)站前端要用到獨立的百度商橋溝通代碼，但是直接放進去可能展示的方式不太友好，在當前頁面打開了，或者打開了一個新的頁面，用下面的js調(diào)用的方法，可以在頁面中調(diào)用，第一個方法只能調(diào)用一次，第二個方法可以在一個頁面中調(diào)用多次。

百度商橋的對話框：

<button class="btn btn-large bg-main align-center" onclick="$('#nb_invite_ok').click()"><i class="i-commenting-o size-big"></i>&nbsp;&nbsp;立即咨詢</button>

html：

<a class="cli_a" href="javascript:void(0);">我要咨詢</a>

js:

$(function(){
//點擊按鈕時判斷 百度商橋代碼中的“我要咨詢”按鈕的元素是否存在，存在的話就執(zhí)行一次點擊事件
$(".cli_a").click(function(event) {
if ($('#nb_invite_ok').length > 0) {
$('#nb_invite_ok').click();
}
});
});

在當前頁面，打開客服獨立溝通鏈接

方法一（只能調(diào)用一次）：

html:

<input type=”button” value=”點我咨詢” id="open" />

js:

<script>
var btn = document.getElementById("open");
btn.onclick = function () {
window.open('此處請?zhí)鎿Q獨立溝通URL地址','windowForBridgeIM','left=100,top=200,width=480,height=580,location=no,resizable=yes,status=no,toolbar=no,menubar=no');
}
</script>

方法二（可以調(diào)用多次）：

html：

<a href="#" onclick="open()">點我咨詢</a>

或者：

<a href="javascript:open()">點我咨詢</a>

js:

<script language="JavaScript">
function open() {
window.open ("此處請?zhí)鎿Q獨立溝通URL地址", "newwindow", "height=600, width=800, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
</script>

參數(shù)解釋如下：

<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；
</SCRIPT>

易聊的對話框
html：

<a href="javascript:void(0)" onclick="openJesongChatByGroup(13059,24845);return false;"></a>

或者

<a href="javascript:jesong.monitor.accept()"></a>

方法一? ? ?前端使用

<input type=”button” value=”點我咨詢” id=”Aisionnet” />

插入js

<script>
var btn = document.getElementById(‘Aisionnet’);
btn.onclick = function () {
window.open('此處請?zhí)鎿Q獨立溝通URL地址','windowForBridgeIM','left=100,top=200,width=480,height=580,location=no,resizable=yes,status=no,toolbar=no,menubar=no');
}
</script>

因為是用id的調(diào)用方式，所以一個頁面只能使用一次。

方法二? ?前端使用

<a href="#" onclick="Aisionnet()">點我咨詢</a>

插入js代碼

<script language="JavaScript">
function Aisionnet() {
window.open ("此處請?zhí)鎿Q獨立溝通URL地址", "newwindow", "height=600, width=800, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
</script>

上面js代碼是用方法的形式來應用，所以一個頁面可以多次調(diào)用，參數(shù)解釋如下，可以根據(jù)需求調(diào)整

<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；
</SCRIPT>

百度商橋如何自定義

我們在使用百度商橋的時候，可能發(fā)現(xiàn)百度商橋不太符合我們的審美觀，那如何操作呢？具體請看下面的介紹：（以下圖1為百度商橋自定義，圖2位自定義）

/*百度商橋代碼*/
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?f6c6885ed6b8a99c743fd6a4b0706e87";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();

//聯(lián)系我們顯示
!function() {
var timer = setInterval(function() {
//處理免費電話
if ($(".lxb-container").length > 0) {
var btn = $(".lxb-close-btn"),
icon = $(".lxb-container");

btn.remove();
icon.css({ "right": "61px","bottom": "auto","top": "40%","left":"auto"});
var cssText = icon.attr("style") + ";display: none !important;";
icon.css("cssText", cssText);
icon.find(".lxb-hide-btn").remove();
clearInterval(timer);
}

//隱藏在線客服圖標
if($("#nb_icon_wrap").length > 0){
$("#nb_icon_wrap").hide();
}
}, 1);

setTimeout(function() {
clearInterval(timer);
}, 30000);
} ();

$(".webService .tel").hover(function(){
$(".lxb-container").show();
},function(){
$(".lxb-container").hide();
});

問題未解決？付費解決問題加Q或微信 2589053300 (即Q號又微信號)右上方掃一掃可加博主微信

所寫所說，是心之所感，思之所悟，行之所得；文當無敷衍，落筆求簡潔。 以所舍，求所獲；有所依，方所成！