知命 Kairo — 導流元件總覽
共 11 款可嵌入的內容元件(1 款內容摘要卡片+10 款導流小工具)。貼一段程式碼即可使用,內容每天自動更新,不需要手動維護;農民曆、吉時、擇日由瀏覽器本地計算,載入快、不依賴外部服務。每款皆支援深色版。
① 內容摘要卡片(3 則)data-type="cards"
依主題自動輪替的內容摘要卡片,適合文章下方或側邊欄;每天內容不同,不用手動維護。
每天自動輪替內容知識文章+免費工具+星座運勢點擊/測算/註冊皆可追蹤
嵌入碼
<div class="zm-partner-cards" data-partner="專屬代碼" data-count="3"></div>
<script src="https://kairo.aiinvest.tw/embed/cards.js" async></script>
② 跑馬燈(全站頂部/文章上方)data-type="ticker"
日期農曆+今日宜忌+星座運勢+免費活動輪播,滑鼠移上去暫停。適合放整站頂部或文章標題下方。
全站頂部橫向跑馬農曆宜忌+星座+免費活動滑鼠移上去暫停
嵌入碼
<div class="zm-widget" data-type="ticker" data-partner="專屬代碼"></div>
③ 今日農民曆data-type="almanac"
國曆/農曆/干支/今日宜忌/沖煞,每天自動更新。適合側邊欄。
國曆農曆干支一次看今日宜忌與沖煞瀏覽器本地計算,載入快
嵌入碼
<div class="zm-widget" data-type="almanac" data-partner="專屬代碼"></div>
④ 今日星座運勢data-type="zodiac-today"
依當天日期顯示對應星座的今日運勢與星等。適合文章末尾。
依日期自動顯示星座今日運勢與星等適合放文章結尾
嵌入碼
<div class="zm-widget" data-type="zodiac-today" data-partner="專屬代碼"></div>
⑤ 十二星座運勢選單data-type="zodiac-picker"
讀者點選自己的星座,立即看到今日運勢與星等,互動性高、停留久。
點選星座即時看運勢互動性高、停留久十二星座一個元件搞定
嵌入碼
<div class="zm-widget" data-type="zodiac-picker" data-partner="專屬代碼"></div>
⑥ 今日吉時data-type="lucky-hours"
十二時辰黃道吉時一覽,並標示目前時辰。
十二時辰吉時一覽自動標示目前時辰本地計算不依賴外部服務
嵌入碼
<div class="zm-widget" data-type="lucky-hours" data-partner="專屬代碼"></div>
⑦ 命理免費玩data-type="free-play"
六個免費工具入口(八字、塔羅、星盤、流年、擇日、每日運勢),主打「新朋友送點數」。
六個免費工具入口新朋友送點數直接導流到測算
嵌入碼
<div class="zm-widget" data-type="free-play" data-partner="專屬代碼"></div>
⑧ 犯太歲查詢data-type="taisui"
選出生年,即時判斷今年是否值/沖/害/破/刑太歲。傳播性強、容易被分享。
選出生年即時判斷值/沖/害/破/刑太歲傳播性強、容易被分享
嵌入碼
<div class="zm-widget" data-type="taisui" data-partner="專屬代碼"></div>
⑨ 好日子查詢data-type="goodday"
選擇嫁娶、搬家、開市、動土、簽約、出行,列出未來 60 天內最近的吉日。
嫁娶搬家開市動土簽約出行列出 60 天內最近吉日實用性高、回訪率高
嵌入碼
<div class="zm-widget" data-type="goodday" data-partner="專屬代碼"></div>
⑩ 今日開運小物data-type="lucky"
幸運色、數字、方位、招財小物、貴人時辰,每天固定一組。
幸運色、數字、方位招財小物與貴人時辰每天固定一組
嵌入碼
<div class="zm-widget" data-type="lucky" data-partner="專屬代碼"></div>
⑪ 未來七天宜忌data-type="week"
七日迷你日曆,每天顯示值神與第一個「宜」,滑過可看完整宜忌。
七日迷你日曆每天顯示值神與第一個「宜」滑過看完整宜忌
嵌入碼
<div class="zm-widget" data-type="week" data-partner="專屬代碼"></div>
深色版
在任一元件加上 data-theme="dark" 即可切換為深色版。
如何嵌入
- 1在想顯示的位置(文章側邊欄、文末推薦區、頁首等)貼上該元件的
<div>,把 專屬代碼 換成您的代碼。
- 2在頁面中引入一次 script(同一頁放幾個元件都只會載入一次)。
- 3完成。內容每天自動更新;點擊、測算、註冊皆有成效統計。
內容摘要卡片使用 cards.js,其餘 10 款小工具使用 widgets.js:
<script src="https://kairo.aiinvest.tw/embed/cards.js" async></script>
<script src="https://kairo.aiinvest.tw/embed/widgets.js" async></script>
樣式在 Shadow DOM 內隔離渲染,不受網站原有 CSS 影響,也不影響原版面;不使用 iframe,不拖慢頁面速度。