<p id="r9azt"><label id="r9azt"></label></p>

      <track id="r9azt"></track>
        歡迎來到,開啟您的互聯網之旅吧!
        百度競價網呼代碼:怎么在一個頁面里面多處輸入回撥功能
        時間:2016-09-16 10:58 瀏覽:

          最近的百度對于惡意代碼查的也嚴格,行業人都懂得,但是用百度自己的產品都沒有關系,早在一年前百度競價的網呼代碼應用的很多地方。今天來說說怎么靈活試用百度的網呼代碼,而不是單單后臺設置下那種簡單的頁面,沒有很好的體驗或者和網站的結構不搭。

          一般做競價的朋友都會看到有些網站上的一個頁面里面有多出的電話回撥入口,固定的,懸浮的。為了用戶體驗我們常常需要自定義這些入口,在一些網絡部門有些技術是沒接觸過這個東西,甚至只能加一個這樣的代碼,而再開一個感覺只有最后一個管用,之前的都失效了。無法實現導致sem的人員只能作罷-做個加圖片點擊進去主動撥號。下面任偉就來詳解下怎么解決一個頁面里面增加多個回撥入口,滿足大家的需求。

          首先先展示下這邊做的效果模擬在一個頁面里面的效果圖。

          

        QQ截圖20160811151150.jpg

         

          現在我們來展示下這些代碼,逐個解釋代碼原理:

          先看一段代碼:

          

        QQ截圖20160811154227.jpg

         

          來認識下這里的來個js代碼,第一個代碼表示:在實際用到時,實現和顯示輸入框的綁定的可以自定義;第二段代碼:是指定用這個開通的此id對應接通號碼的一段js,這是固定的無需修改,這段代碼只需要在頁面里出現一次加載即可。

        Markup
          下面具體參考代碼如下:
         
        <!DOCTYPE html >
        
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312"  />
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
        <meta content="yes" name="apple-mobile-web-app-capable" />
        <meta content="black" name="apple-mobile-web-app-status-bar-style" />
        </head>
        
        <body>
        <style>
         .tel-box{width:255px;height:84px;overflow:hidden;background:#ebecee}
          .tel-box .tel-item{padding:8px 0 0 8px}
          .tel-box .api-lxb-cb-input{color:#666;width:157px;border:0 none;height:32px;line-height:32px;margin-top:8px}
          .tel-box .api-lxb-cb-btn{background:#ff5a00;border:0 none;overflow:hidden;text-align:center;color:#fff;width:74px;height:34px;line-height:34px;cursor:pointer;margin-top:8px}
          .tel-box .api-lxb-cb-btn:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;transition:.3s linear}
          .tel-box p{text-align:center;padding-top:5px; font-size:12px;}
        </style>
        <script type="text/javascript" language="javascript" src="jquery-1.7.2.min.js"></script>
        <!--第一個回撥框開始-->
        <div class="tel-box">
          <div class="tel-item">
            <input type="tel_txt" name="telInput" class="api-lxb-cb-input" id="telInput1" value=" 請輸入你的電話號碼......" onBlur="if(this.value==''){this.value=' 請輸入你的電話號碼......'}" onFocus="if(this.value==' 請輸入你的電話號碼......'){this.value='';}"/>
            <input type="tel_btn" class="api-lxb-cb-btn" id="callBtn1" name="callBtn" value="免費撥打"/>
          </div>
          <p>請輸入電話號碼,我們會主動聯系您!</p>
        </div>
        <script>
          document.getElementById("callBtn1").onclick = function () { 
                            lxb.call(document.getElementById("telInput1"));
         };
         </script>
         <!--第一個回撥框結束-->
         
         <!--第二個回撥框開始-->
        <div class="tel-box">
          <div class="tel-item">
            <input type="tel_txt" name="telInput" class="api-lxb-cb-input" id="telInput2" value=" 請輸入你的電話號碼......" onBlur="if(this.value==''){this.value=' 請輸入你的電話號碼......'}" onFocus="if(this.value==' 請輸入你的電話號碼......'){this.value='';}"/>
            <input type="tel_btn" class="api-lxb-cb-btn" id="callBtn2" name="callBtn" value="免費撥打"/>
          </div>
          <p>請輸入電話號碼,我們會主動聯系您!</p>
        </div>
        <script>
                        document.getElementById("callBtn2").onclick = function () { 
                            lxb.call(document.getElementById("telInput2"));
                        };
        </script> 
        <!--第二個回撥框結束-->      
             
        <!--這是網呼代碼的核心文件,一定要在頁面加載-->       
        <script>
                    document.write('<script type="text/javascript"  data-lxb-uid="10358826" data-lxb-gid="162355" src="http://lxbjs.baidu.com/api/asset/api.js?t=' + new Date().getTime() + '" charset="utf-8"></scr' + 'ipt>' );
        
        </script> 
        <!--這是網呼代碼的核心文件,一定要在頁面加載-->   
                    
        <!--中間彈窗代碼-->
        <script src="AdCenter.js" charset="utf-8"></script>
        <!--中間彈窗代碼-->
        </body>
        </html>

        <script>

                        document.getElementById("callBtn2").onclick  = function () {

                            lxb.call(document.getElementById("telInput2"));

                        };

        </script>  

        可以看出這里的第一段代碼里的綁定id是根據你輸入框和確認框的id來綁定的,這就不難解釋了,要是我用第一個回撥的話只要代碼里對應好就行,那么不管我加多少個這樣的東西,一樣可以實現,當然我們在這里涉及到的中間的彈窗一樣的道理。我會把這個參考測試的代碼都會壓縮成福建供大家參考。

        這樣以后就是稍微懂點seo技術的人員只要修改html或者js文件里的 代碼id即可。

        值得注意的是

        <!--這是網呼代碼的核心文件,一定要在頁面加載-->        
        <script>
                    document.write('<script  type="text/javascript"  data-lxb-uid="10358826" data-lxb-gid="162355"  src="http://lxbjs.baidu.com/api/asset/api.js?t=' + new Date().getTime() + '"  charset="utf-8"></scr' + 'ipt>' );

        </script>  
        <!--這是網呼代碼的核心文件,一定要在頁面加載-->

        這種代碼是核心的每個人的都不一樣,不能搞錯,不然就給他人做了嫁衣,競價開通好代碼會發給你的到時候這個id就是你賬戶里對用設置好的號碼等信息?;蛘吣悻F每個頁面麻煩,你可以加載在一個共用的js文件里面也是可以的。這樣就實現了每個頁面打開的時候都可以加載到。 

         

        最后附上我的代碼:code.zip

        原文地址:http://www.renweiseo.com/note/view/4308.html
        南通 — 專注高品質網站建設
        專業策劃+網站建設+網絡營銷+品牌設計+一站式服務
        南通網站建設?專注高品質網站建設,網站建設專業公司,南通專業網絡營銷整合推廣品牌機構。
        Copyright © 2015-2022 南通網站建設 版權所有 版權所有 蘇ICP備16025522號
        cnzz
        網站建設咨詢
        請點擊我
        在線咨詢
        客服電話
        15996571826
        欧美成人www免费全部网站

        <p id="r9azt"><label id="r9azt"></label></p>

          <track id="r9azt"></track>