知命 Kairo — 導流元件總覽

共 11 款可嵌入的內容元件(1 款內容摘要卡片+10 款導流小工具)。貼一段程式碼即可使用,內容每天自動更新,不需要手動維護;農民曆、吉時、擇日由瀏覽器本地計算,載入快、不依賴外部服務。每款皆支援深色版。

11 款元件與特色亮點

① 內容摘要卡片(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" 即可切換為深色版。

如何嵌入

內容摘要卡片使用 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,不拖慢頁面速度。

合作洽談
知命 Kairo 信箱 kairo.aiinvest@gmail.com