Crocoblock Rest API 用這個工具打造自動化網站 聯盟行銷再也不用辛苦了！

在之前的文章，我們討論過聯盟行銷是什麼?

聯盟行銷是一種獲得網路收入的最好方法之一，簡單好操作，收入比廣告高 10 倍，但是管理維護連結，有點煩。

有時候舊文章的連結失效了，我們就要再一次申請新的連結，把之前使用過的文章更新成新的連結，非常非常的花時間，大叔也有一樣的經驗，所以我選擇「放棄」。

放棄用手動，自動化才是王道，網站是 24 小時在幫我們工作賺錢，那聯盟行銷如果無法做到自動化，那效益就只有 50 %。

所以我們如何用最簡單的方式打造自動化網站，實現高效聯盟行銷？ 看下去。

Crocoblock 簡介

如何安裝 Crocoblock

我覺得 Crocoblock 整個最麻煩的是「安裝」，因為它的功能太多了，所以它被拆份成數個獨立的程式，好處就是如果你需要某個功能的話，只要安裝它就可以了，沒用上的就不要安裝。

但對於新手來說，他媽的我怎麼知道我要不要安裝，還好 Crocoblock 還是有點良心，出了一個整合管理的外掛「Crocoblock Wizard」。

Step.1 安裝 Crocoblock Wizard

進入 Account 個人頁面，將頁面滑到下面，找到 Installation → Download

Step2. 啟用外掛

回到 WordPress 網站後台，點擊 外掛→ 安裝外掛 → 上傳外掛 ，將剛剛下載的 Crocoblock Wizard ，上傳後點擊「立即安裝」，完成後再點擊「啟用外掛」。

Step3. 輸入 **license key **

啟動外掛後，會出現 Welcome 頁面

Step4. 安裝 Jet Plugins

大叔的習慣是有需要再裝，就像是我的減法生活一樣，所以先只安裝「JetEngine」，JetEngine 是今天主題要用上的功能。然後「continue」就會開始安裝。

Step5. 完成安裝

完成後，應該可以在介面上找到 「Crocoblock」和「JetEngine」，那就完成。

如何用 Crocoblock Rest API 打造自動化網站？以聯盟網為例

為了實現提高聯盟行銷收益，減少手動管理和維護的時間，所以我們想要的功能是「自動取得」聯盟行銷連結，這樣有幾個好處，例如說：

• 避免連結失效，手動再重新申請。
• 隨時取得最新優惠的活動或是優惠碼。
  所以我們需要將我們的網站和聯盟行銷的平台或是網站「串接」，串接以前是需要程式能力的，但工具越來越方便，不怕我們不會，就怕我們不學。

所以我們要學的事情只有一個「設定」，就可以達成理想的自動化網站，看半天不如我們用實際的例子來做看看。

我們的網站 ←→ Crocoblock Rest API ←→ 平台網站

#1 申請聯盟網 API

首先我們要先申請聯盟網 API ，進入後台頁面在「系統設定」→ 「API 應用」

進入 API 應用頁面後，我們點擊「Manage API Keys」→「Create New API Key」

然後你應該可以看到你的 API KEY。

#2 開啟 Crocoblock Rest API Listings 功能

回到 WordPress 後台，點一下「JetEngine」進到「Modules」頁面。

我們把「Rest API Listings 」功能打開，然後 Save 它。

然後我們會在頁面中找到「Rest API Endpoints」點一下，然後我們點擊「New Endpoint」。

然後出現一堆表格要填。

#3 準備聯盟網 API 串接資料 – API Endpoint URL

再來就是設定的部份了，我們需要的是將正確無誤的資料填入表格中，資料當然是由我們主角「聯盟網 API」頁面中取得，那我們來看一下，到底需要什麼資料。

基本上我們只需要：

• API Endpoint URL
• Items path
  那什麼叫 API Endpoint URL ，簡單來說就是 Endpoint 接口，我們需要輸入一組正確的「Endpoint」，才能取得我們想要資料。

Endpoint 是有唯一性的，也就是說只有輸入完全正確的 Endpoint 才能得到回應。基本上你可以想像它是網址，例如說，你需要輸入完整的「https://lashiblog.com/」，才能找到大叔的網站。

所以我們回到聯盟網的 API 頁面看一下，在中間的位置我們可以找到「範例」，每一家的 Endpoint 結構都不太一樣，所以聯盟網的端口基本上可以分為 2 個部份。

• 請求URL
• api_key
  就像下面範例說明一樣。

假設我們要取得「平台廠商列表」，點一下平台廠商列表。下面就有我們要的「請求URL」

剛剛說，Endpoint 等於 請求URL + apikey，所以整合一下就成了「https://api.affiliates.one/api/v1/affiliates/offers.json?apikey=[API-KEY]」，[API-KEY] 請填入你的。

▼ 你可以在瀏覽器上輸入看看，如果正確的話，應該會得到這樣的奇怪的回應。

因為上面包含了很多家平台廠商，但我只要某一家就好，例如說，我常用的 VoiceTube – (4433) VoiceTube Hero。

由於聯盟網 API 有提供指定品牌，我們可以在「額外參數」可以看到說明。

所以我們把「https://api.affiliates.one/api/v1/affiliates/offers.json?api_key=[API-KEY]」→

「https://api.affiliates.one/api/v1/affiliates/offers.json?api_key=[API-KEY]&ids=4433」，4433 是 VoiceTube 的品牌 ID。

如果你再把它放上瀏覽器，應該會只剩一筆資料。這就是我們需要的「API Endpoint URL」，再來我們來準備 「Items path」。

#4 準備聯盟網 API 串接資料 – Items path

Items path 意思就是我們要告訴它，我們想要的資料的路徑在哪，那路徑要怎麼取得呢?

回到 API 頁面，在下方找到「回應格式」，可以看到我們要的資料都在 data → offers 底下，例如說：

• id – 獨特的廠商或登陸頁ID
• name – 品牌/電商名稱、登陸頁名稱、或成效點名稱
• tracking_url – 推廣連結

簡單說，我們取得的資料就像是 EXCEL 表單，為了方便歸納分類而得。所以我們可以想像是學校的學生名冊，例如說，台北國中 3 班 15 號 木木同學，所以資料就是 Data 的 Offers 的某筆資料。

我們知道 API Endpoint URL 和路徑之後，就要將它們輸入 Crocoblock 裡。

#5 取得 API 資料

我們將剛剛準備好的 Endpoint url 和 path 填入表格，然後點擊「Send Request」。如果沒有問題的話，應該會看到 Status 為 Connected。

#6 設計模版 – 按鍵

再來我們設計簡單的模版。由 JetEngine 進入 Listings 頁面，然後「新增」。

然後 Source 選「Rest API Endpoint」，API Endpoint 選我們要的選項，這裡選「VoiceTube」，然後取個名字，選擇「Gutenberg」Or Elementor 。

這裡我們要寫文章用，所以我選擇 Gutenberg，點擊「Create Listing Item」。

然後我們新增一個「按鈕元素」。

• 在文字的部份我們選擇 Rest API Field → Field → Name
• 在連結的部份我們選擇 Rest API Field → Field → Defaultrackingurl (聯盟行銷連結)
  

再調整一下，就成了美美的呼應按鈕。

#7 將功能放入文章中

然後我們就可以將按鈕和文章放在一塊，加上 Call to Action 行動呼籲來提高點擊的機會。讓我們寫一段看看。

在文章中插入 Listing Grid ，選擇 Voicetube ，下面選 1 / 1 / 1。

讓我們看一下成果。

▼ 歡迎 VoiceTube 來找我寫文章。

Crocoblock 如何提高聯盟行銷效率

透過上面的例子，我們使用 Crocoblock 的 Rest API 功能串接聯盟網 API ，然後使用從聯盟網取得資料，做一個「按鈕」、「圖片」或是模板。

這麼做再也不用擔心它的連結會失效，之後還要花一堆時間去修理維護它。

未來如果更新內容的話，我們也只需要針對某個模板去更新，所有用上這個按鈕的文章，自然就會修改，省了不少的時間，也更方便管理。

唯一的問題就是做這些按鈕或模板也是需要一點時間。 😈

下一篇大叔會寫使用 Crocoblock loop 功能並串接聯盟網的 API 自動取得最新的活動和優惠。

總結 & 心得

Crocoblock 是一款 Elementor Add-Ons 外掛，也是一款功器強大的編輯器，大叔常用來為朋友和客戶用來建造網站的主要工具。

Rest API 推薦給需要串接 API 又不會寫程式的朋友(回頭! 誰叫我)，除了 API 功能之外，它還有自建資料庫、表格、過濾器等強大的自建功能。

總之，推薦大家使用更多自動化工具，例如 Crocoblock 等，來降低經營網站的困難度，提高網站收入，讓被動收入也可以更輕鬆、有效率。