快速打造專屬行銷互動報表！Lovable × Newsleopard 串接全攻略

注意：你需要為付費版本的 Lovable

想要不寫一行程式碼，就為行銷團隊打造專屬的數據儀表板嗎？透過 Lovable 結合 Newsleopard（電子豹）的 API，你可以輕鬆實現這個願望！

電子豹已經用這個方法建立了一個超實用的互動式報表，你可以先來體驗看看成果： 👉 點我查看行銷活動報表 Demo

串接 MCP Server

Step 1. 複製連線網址

首先，複製以下電子豹的 AI 連線位址（MCP Server URL）：https://mcp.newsleopard.com/mcp

Step 2. 在 Lovable 中新增連線

開啟你的 Lovable 桌面版或是瀏覽器，進入左下角的 Settings，找到 Connectors，點選 Custom，Server name 輸入：Newsleopard，Server URL 貼上剛剛複製的連線網址，選第一個 OAuth (default) 後點擊「Add」即可接上。

Step 3. OAuth 一鍵授權登入

確認連接後，使用你的電子豹帳號 Email、密碼登入，點擊「授權電子豹」，就可以開始囉！

建議把權限都打開，不然會在使用過程中會一直被問可不可以。

這套流程特別適合行銷團隊或非技術背景的 PM，只要懂的下指令，就能快速產出具備即時數據互動能力的 Web App，再也不用苦苦排隊等工程師幫你拉報表啦！