Liker - 讚賞公民的發現及 Ghost 串接之旅

blog • 2020年4月13日

前言

讚賞公民其實到現在也已經出現好幾年了，也時常在很多 blog 上看到，不過由於自己的 blog 一直沒有在認真維護的關係，因此一直沒有去研究這部分，直到最近想要啟動自己的寫作計畫才開始在思考究竟能不能靠寫作產生收入，但又不想依靠會引響觀看體驗的廣告收入，因此因緣際會找上了 Liker 讚賞公民這個平台，順便試試自己的 blog 到底值幾分錢。

特色及使用原因

會選上這個的原因主要是因為他是透過讀者主動點擊讚的按鈕來獲取觀看者所產生的獎賞金（可惜不是直接給我我新台幣），也可以透過月費成為讚賞公民，可以分配更多獎賞給作者，創造雙贏局面，而取得的獎賞為數位貨幣也是蠻有趣的，可惜只有在 bitAsset 上架，要出金有點麻煩。

串接及遇到的問題

由於我目前所使用的平台為 Ghost，而它預設有提供的插件只有 Wordpress 和 Medium ，因此需要繞點路來把按讚的按鈕接到上面，開始研究官方文件（寫得還蠻完整的），然而上面也沒有直接提供方法，最後決定參考這個方式，用框架的方式把按讚按鈕嵌入，分享我修改後的版本

<div style="display: flex;" class="likecoin-embed likecoin-button">
    <iframe
         style="flex: 1; min-height: 220px;"
         scrolling="no" frameborder="0" 
         src="https://button.like.co/in/embed/a9650615/button?referrer={{url absolute="true"}}">
    </iframe>
</div>

以上 code 必須更改 src 位置，規則為