為網站加入Line官方的小圖示
2025-3-23
| 2025-3-23
字數: 1105閱讀時間 3 分鐘
type
status
date
slug
summary
category
tags
password
icon
目前在為我的副業網站進行一些完善。
今日進度要在網站的右下角加入一個Line的圖示,在電腦版會顯示QR code跟超連結。手機點選會直接跳到加入好友。
 
本來有經驗的站長是要用 SaleSmartly 提供的功能加入,但是看到應該是中資我就開始查找其他可行方案了。
然後找到一個getBotton的教學GetBotton教學二,但後來發現透過官方操作的話其實是要費用,變成了一個鑽漏洞的方式?因為其實就是把一段程式碼貼上而已。
 
本來想繼續用另一個外掛 Chaty 來試試看的,但本來就是一直在跟 Grok 討論這個網站的配色跟一些設計調整,不如就叫 Grok 幫我刻程式碼好了。結果刻完還是可以用的,省下了裝外掛的麻煩。
 
 
完成圖長這樣
notion image
notion image
以下是程式碼,可以拿去用
 
第一段程式碼:設定圖示本體
  • 設定你的QR Code
    • 用電腦打開https://line.me/ti/p/@你的帳號,右鍵新分頁QR code,會有一串data:image/png;base64開頭的網址,放到下面指定的位置
  • 設定你的官方帳號網址
    • 將「@你的帳號」改為你實際的官方帳號
  • 自行調整你要的文字「加入 官方Line」
第二段程式碼:調整你要的位置跟。因為我有其他的圖示所有高度作了調整。
第三段程式碼:設定顯示行為
  • 設定你的官方帳號網址
    • 將「@你的帳號」改為你實際的官方帳號
納瓦爾的 How to Get Rich文章翻譯Vibe coding的工具
Loading...
目錄