# 快速打造專屬行銷互動報表！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. OAut **分類：** Newsleopard 後台教學 **作者：** Bao **發布日期：** 2026-03-18T22:32:51.000+08:00 注意：你需要為付費版本的 Lovable 想要不寫一行程式碼，就為行銷團隊打造專屬的數據儀表板嗎？透過 Lovable 結合 Newsleopard（電子豹）的 API，你可以輕鬆實現這個願望！ 電子豹已經用這個方法建立了一個超實用的互動式報表，你可以先來體驗看看成果： 👉 **[點我查看行銷活動報表 Demo](https://newsleopard-campaign-report.lovable.app/?ref=cms.newsleopard.com)** ## 串接 MCP Server ### Step 1. 複製連線網址 首先，複製以下電子豹的 AI 連線位址（MCP Server URL）：`https://mcp.newsleopard.com/mcp` ### [](https://newsleopard.gitbook.io/help-center/ai-integration/install-mcp-server/1?ref=cms.newsleopard.com#step-2.-zai-claude-zhong-xin-zeng-lian-xian)Step 2. 在 Lovable 中新增連線 開啟你的 Lovable 桌面版或是瀏覽器，進入左下角的 Settings，找到 Connectors，點選 Custom，Server name 輸入：`Newsleopard`，Server URL 貼上剛剛複製的連線網址，選第一個 OAuth (default) 後點擊「Add」即可接上。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2026/03/Screenshot-2026-03-18-at-2.51.30%E2%80%AFPM-2000x1254.png) ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2026/03/Screenshot-2026-03-18-at-2.51.47%E2%80%AFPM-2000x1011.png) ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2026/03/Screenshot-2026-03-18-at-2.52.25%E2%80%AFPM-2000x1330.png) ### Step 3. OAuth 一鍵授權登入 確認連接後，使用你的`電子豹帳號 Email`、`密碼`登入，點擊「授權電子豹」，就可以開始囉！ ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2026/03/Screenshot-2026-03-18-at-2.52.39%E2%80%AFPM-2000x1337.png) ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2026/03/Screenshot-2026-03-18-at-2.52.55%E2%80%AFPM-2000x1340.png) ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2026/03/Screenshot-2026-03-18-at-4.41.18%E2%80%AFPM-2000x1113.png) 建議把權限都打開，不然會在使用過程中會一直被問可不可以。 這套流程特別適合行銷團隊或非技術背景的 PM，只要懂的下指令，就能快速產出具備即時數據互動能力的 Web App，再也不用苦苦排隊等工程師幫你拉報表啦！