TOP

2021年1月21日 星期四

[Blogger] 安裝 LikeCoin 按鈕

 

文章目錄

- [LikeCoin 簡介]

- [註冊 LikeCoin 帳號]

- [ Google Blogger 建立讚賞連結]

- <1> 安裝於文章尾部
- <2> 安裝於網頁
- <3> 安裝於側欄

- [手機安裝 Liker Land 應用程式]

- [參考]

 


這篇文章介紹如何註冊 LikeCoin 帳號,以及如何在 Google BloggerBlogspot)中放置 LikeCoin 按鈕於文章及網頁的頁尾。



[LikeCoin 簡介]

 

LikeCoin 是以區塊鏈技術建立的數位貨幣,用來提供創作者實質的收益:藉由化讚為賞的機制,只需在內容加入 LikeCoin button 讚賞鍵,每個讀者的按讚,都會化為實質回報。LikeCoin 重新定義了按讚的意義成為 LikeCoin Liker 會員的讀者並不需付出任何費用,只需點擊讚賞便可為創作者帶來奬勵。

 

創作者在各種平台(例如 Google Blogger、YouTubeWordPress、痞客邦等)發表作品,平台供應者提供平台、投放廣告,創作者則為平台帶來流量,也帶來廣告收益。但這份收益並不一定會回饋至創作者,通常這需要創作者自行向平台供應商申請(如 Google AdSense)。而這也有限制:流量不大的創作者無法通過申請,或申請後會需在頁面中投放破壞版面的廣告,造成不佳的閱讀體驗。區塊鏈的核心是「去中心化」及「公開化」,而 LikeCoin 在這兒扮演的角色,是去除平台供應商這個中心,讓創作者可直接接收讀者的回饋帶來的收益。這對創作者而言是非常有利的,收到的回饋可以經由數位貨幣兌換成真正的法定用幣,不需再透過平台供應商。對於創作者而言,收到讀者的讚是種肯定同時也是收益,這種助益幫助創作者提供更優質的作品來回饋、吸引讀者,達到正向的循環。 

關於 LikeCoin 更多訊息,可至下列官網得到更多的資訊

 

《讚賞公民》- 少喝一杯咖啡,共創一個生態

 

 

[註冊 LikeCoin 帳號]

 

可透過我的邀請連結(https://like.co/ref/u8211001)或官網連結(https://like.co/in/)進入註冊主頁,點選「建立帳戶」:

 


可用臉書、Google 帳號進行註冊,下面介紹用電子郵件註冊的方法。


輸入郵件位址,並建立登入 LikeCoin 的密碼,輸入好後按「建立帳戶」按鈕:

 

 

接收 LikeCoin 寄來的郵件,輸入認証碼後按「認證」:

 

 

建立 Liker ID 後確認:

 

 

完成帳號創建,Liker IDu8211001

 

 

以建好的帳號登入 LikeCoin

 

 

登入後可修改個人圖像、Liker ID 等個人資訊:

 

 

可設定雙認証(綁定手機號碼)來加強安全性:

 

 

 

[ Google Blogger 建立讚賞連結]

 

在登入頁面下方,點選「安裝讚賞鍵」:

 

 

填入自己的 Like ID

 

 

 

 

下方有 LikeCoin 在各種平台的安裝方法,有 WordPress, Blogspot, …等常見的部落格平台:

 

 

Blogspot 為例,點選 Blogger 進入安裝教學頁面:

https://docs.like.co/v/zh/user-guide/creator/blogging-platforms/blogspot

 

 

使用頁面上描述的方法安裝 LikeCoin


<1> 安裝於文章尾部

於主題中編輯 HTML,搜尋 data:post.body(會有2個,對應 PC 版面及手機版面),在每一個 data:post.body 下方</div> 後加入下面的程式碼(紅色的 u8211001 是我的 Liker ID,請修改成自己的)

 

<!-- Ankas(LikeCoin#1): begin -->        

<b:if cond='data:blog.pageType == "item"'>

    <script type="text/javascript">

        document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/u8211001/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");

    </script>

</b:if>         

<!-- Ankas(LikeCoin#1): end -->

         

 

<2> 安裝於網頁

需為每一個要顯示 LikeCoin 的網頁進行各別設定。修改頁面的 HTML,在最下面加入下面的程式碼(紅色的 u8211001 是我的 Liker ID,請修改成自己的)

<!-- Ankas(LikeCoin): begin -->        

<script type="text/javascript">

    document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/u8211001/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");

</script>

<!-- Ankas(LikeCoin): end -->


 

<3> 安裝於側欄

在版面配置裡的側欄處新增一個 JavaScript 小工具,編輯 HTML 加入上面的程式碼(和安裝於網頁的程式碼相同)。



效果如下:

<PC 版面>

 

 

<手機版面>

 



[手機安裝 Liker Land 應用程式]

 

Liker Land 可查看自己 Liker ID 下的資訊(如:LikeCoin 個數、個人資料設定等),也可閱讀 LikeCoin 生態圈最新的消息、自己加入閱讀列表的文章等。Liker Land 應用程式下載連結:https://likerland.app.link/JFLUYBp5edb



可查看自己收到多少 Like 及個人資訊:


今日頭條頁面下可閱讀 Liker Land 提供的文章:

    


[參考]

https://easytorich.com/what-is-likecoin/

https://docs.like.co/v/zh/user-guide/creator/blogging-platforms/blogspot



3 則留言:

  1. 回覆
    1. 不客氣,很高興我的文章對你有幫助~

      刪除
  2. 不過,還是希望該網站能夠提供它們官方的插件語法,wordpress就有,但是不想用wordpress啊

    回覆刪除