Post Layout 在WordPress任意位置加上廣告代碼

一般我們在替WordPress加入廣告時,使用者大多都是修改佈景檔案把廣告代碼寫入,雖然這樣可以少安裝外掛讓網站速度更快,但對於剛入門的使用者這樣其實很麻煩,通常使用者都還搞不懂每個佈景檔案的用途,看到一大堆程式碼也慌了。因此透過外掛來加入似乎是一個比較方便的方法,WordPress就是外掛多,才讓人覺得方便的啦!

Post Layout 是一款很方便的廣告代碼插入外掛,除了可以針對一般瀏覽器看到的網頁加入代碼之外,另外還可以設定手機偵測,針對手機版可以置入不一樣的廣告代碼,目前這款外掛支援將廣告代碼插入在首頁、分頁,內文、分類等頁面加入廣告,另外還可以將廣告代碼插入在留言區域的上方與下方,這些欄位手機版也會有。

記得第一個使用的廣告插入的外掛是「Mighty Adsense」,雖然這款外掛現在好像停止維護連官方網站都不見了,但頗好用的就是了,因為他可以設定10組的廣告代碼在後台,您可以隨自己喜歡選擇代碼加入網站,可針對內文、分頁等等的位置加入廣告,很方便的外掛,只是不能將廣告代碼加在內文中間就是了。印象中這款外掛到後期就沒維護了,現在連官方網站都消失了。

至於這回要介紹的「Post Layout」這款外掛雖然不能添加多組廣告代碼進行候選,不過他的後台設定介面非常簡單,可針對首頁、分類頁面在文字的上方或下方加入廣告,就類似我們之前介紹的「在首頁文章中間擺廣告」。可在分頁上方或是下方加入廣告,最重要的是可以針對內文的上面、中間、下方加入廣告,內文中間加入廣告就和之前介紹的「不用外掛,在內文加入廣告」是一樣的效果。另外,也可以在留言區加入喔!

第1步 來到WordPress後台點擊【外掛】→「新增外掛」,搜尋「Post Layout」。

Post Layout 在WordPress任意位置加上廣告代碼

第2步 接著請找到「Post Layout」,然後點擊「立即安裝」。

Post Layout 在WordPress任意位置加上廣告代碼

第3步 啟動外掛後可以點擊左方的【設定】→「Post Layout」進入設定。在設定頁面中可以看到有許多設置的選項,在上方有個啟動手機的偵測模式,如果勾選了,記得下方右手邊的手機廣告代碼設定區塊要設定。

  • Enable the mobile user agent detection:啟動手機端偵測
  • Single post:內文區塊設定
  • Before the content:內文上方
  • In the middle of the content:內文中間
  • After the content:內文下方
  • Page:分頁設定
  • Code before the page:分頁上方
  • Code after the page:分頁下方
  • Home and tags and categories pages:首頁、標籤、分類頁面
  • To add before the post content:內容之前
  • To add after the post content:內容之後
  • Comments:留言區塊設定
  • Code after comment form:留言表單之前
  • Code after the last comment:留言表單之後

Post Layout 在WordPress任意位置加上廣告代碼

第4步 設定好後請在下方點擊﹝Save﹞即可。另外下方也有一些參數可以使用,如果有需要可以將這些參數設定到上面的欄位。

Post Layout 在WordPress任意位置加上廣告代碼

第5步 如果設定好後可以到網站前台看看,以內文區塊來說,標示紅線和黃色的就是剛剛在Post Layout加入的代碼。由上而下分別是內文上方、內文中間區塊以下內文下方區塊。透過外掛加入代碼是不是很方便呢?

Post Layout 在WordPress任意位置加上廣告代碼

至於要在側邊欄加入廣告代碼,請使用後台內建的文字模組就可以了,這部分不需要使用外掛就可以輕鬆達成,如果不清楚可以參考「在側邊欄加入廣告」。Post Layout這款插入廣告的外掛和我們之前介紹得快取外掛Hyper Cache可是同一個作者,看來這外掛開發的都蠻不錯的,目前我的快取外掛就是使用Hyper Cache