#10 Crocoblock Rest API 用這個工具打造自動化網站 聯盟行銷再也不用辛苦了!
讀者權益

在閱讀前,請容許大叔聲明幾件事情:這些事情對您可能蠻重要的:

  • 內容中連結可能有參加聯盟計畫,這並不影響您的購買權利。
  • 聯盟計畫和廣告收入都會做為網站經營基金。
  • 而部份收入將捐給流浪動物基金會。(公益捐款明細)
  • 喜歡我的文章的話,請幫我這樣做,點擊下面的拍手圖示。

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

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

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

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

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

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

Crocoblock 簡介

Crocoblack 是一家 Elementor 第三方 Add-Ons 軟體開發公司 ( 3rd Party Elementor Add-Ons ) ,而且位於世界新聞的中心「烏克蘭」。

Crocoblack 提供基於 Elementor 的第三方外掛服務,簡單來說,就是獨立的「元素」,你也能說它是 WordPress 「外掛中的外掛」等於高級外掛??

Crocoblack 成立於 2018 年,目前已經是一個 70 人的團隊,而且 Crocoblack 社群也非常的活躍,定期都會升級的直播教學。(Facebook 連結)

目前 Crocoblock 提供更多 Elementor 做不到的功能,例如說,美容美髮的預約系統、自定義資料庫、會員系統等,還有更多實用功能,像是:

  • Filter – 過濾功能
  • Dynamic Content – 輕鬆打造動態內容
  • API – 不用 Code 也可以串接
  • Review – 讓用戶可留言、評價和打分
  • Elementor Add-Ons 第三方外掛是什麼?

    第三方外掛是指由第三方開發人員專門為 Elementor 平台開發的插件。它們增加了 Elementor 的功能並豐富了用戶的體驗。

    簡單說來,當我們安裝 Elementor 後,就能使用基本的功能,如果再安裝 Elementor Pro ,就會出現更多功能提供我們來使用。

    Crocoblack 也是如此,我們要先安裝 Elementor 再安裝 Crocoblack 就可以使用由第三方開發的功能。

    如何安裝 Crocoblock

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

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


    Step.1 安裝 Crocoblock Wizard

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

    Crocoblock Rest API


    Step2. 啟用外掛

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

    Crocoblock Rest API
    Crocoblock Rest API


    Step3. 輸入 license key

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

    Crocoblock Rest API
    Crocoblock Rest API


    Step4. 安裝 Jet Plugins

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

    Crocoblock Rest API
    Crocoblock Rest API


    Step5. 完成安裝

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

    Crocoblock Rest API


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

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

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

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

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

    #1 申請聯盟網 API

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

    Crocoblock Rest API


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

    Crocoblock Rest API


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

    Crocoblock Rest API

    #2 開啟 Crocoblock Rest API Listings 功能

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

    Crocoblock Rest API


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

    Crocoblock Rest API


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

    Crocoblock Rest API


    然後出現一堆表格要填。

    Crocoblock Rest API

    #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
  • 就像下面範例說明一樣。

    Crocoblock Rest API


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

    Crocoblock Rest API


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

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

    Crocoblock Rest API


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

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

    Crocoblock Rest 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 – 推廣連結
  • Crocoblock Rest API

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

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

    #5 取得 API 資料

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

    Crocoblock Rest API

    #6 設計模版 – 按鍵

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

    Crocoblock Rest API

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

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

    Crocoblock Rest API


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

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

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

    Crocoblock Rest API

    #7 將功能放入文章中

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

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

    讓我們看一下成果。

    Crocoblock Rest API

    ▼ 歡迎 VoiceTube 來找我寫文章。

    Crocoblock Rest API

    Crocoblock 如何提高聯盟行銷效率

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

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

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

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

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

    總結 & 心得

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

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

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

    讀者優惠

  • Elementor Pro + Crocoblock 組合包
  • 主機 + Elementor Pro 優惠計畫
  • 「中年大叔的秘密武器,WordPress 網站獲利攻略大揭密!」 – 下一篇給他看下去
  • 全課程9折 (募資課程除外)
    複製優惠碼
    aohahow
    2024/01/01-12/31
    HAHOW 好學校
    不限金額 9 折
    複製優惠碼
    aohahow
    2023-12-31-2024-12-31
    Hahow 好學校

    目錄:
    #10 Crocoblock Rest API 用這個工具打造自動化網站 聯盟行銷再也不用辛苦了!

    菈喜大叔 - 減法生活提案

    關於大叔

    文章歡迎轉載,請說明出處。

    相關文章

    發佈留言

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *