vue如何加入百度聯盟廣告

在百度聯盟代碼位管理中創建好對應的代碼位之後，點擊獲取代碼，會看到這樣一段js

直接複製粘貼到自己網頁中便可顯示對應廣告。

在vue中由於都是vue組件，不支持直接在組件中加入這樣一段一段的js代碼，我們採用如下方法：

1、首先在index.html中引入生成的代碼中的js，

2、在vue組件中在想要顯示廣告位代碼的地方寫一個 <div id="ad_1"></div>

3、在對應的組件的mounted鉤子中加入以下函數：

//懸浮樣式
        (window.slotbydup=window.slotbydup || []).push({
          id: 'u319733',
          container: 'ad_1'
        });

id為生成的代碼中的cpro_id，container為創建的div的id

到此，廣告已經可以展示。

參考鏈接：https://segmentfault.com/q/1010000007738867