在百度聯盟代碼位管理中創建好對應的代碼位之后,點擊獲取代碼,會看到這樣一段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
到此,廣告已經可以展示。