嵌入式橫幅

嵌入式產品橫幅

將 SUKO 產品橫幅嵌入到您的網站、部落格或任何平台

iframe 嵌入

在任何網站中使用 iframe 嵌入。適合 WordPress、Wix、Squarespace、Blogger 等所有平台。

示範文件

複製此代碼到您的 HTML：

<iframe
  src="http://localhost:3000/api/embed/demo.txt"
  width="100%"
  height="180"
  frameborder="0"
  style="border-radius: 12px; overflow: hidden;"
  title="示範文件 Banner"
></iframe>

圖片橫幅（可點擊）

動態生成的圖片，適合社群媒體和不支援 iframe 的平台

示範文件

Markdown (GitHub, 論壇等)：

[![示範文件](http://localhost:3000/api/embed/banner?id=demo.txt)](http://localhost:3000/purchase?product=demo.txt)

HTML：

<a href="http://localhost:3000/purchase?product=demo.txt">
  <img src="http://localhost:3000/api/embed/banner?id=demo.txt" alt="示範文件" />
</a>

使用指南

📦 iframe 嵌入

推薦方式！ 適合所有網站平台。不需要任何 JavaScript 框架，直接複製貼上即可使用。支援 WordPress、Wix、Squarespace、Blogger 等。完全響應式，手機自動調整佈局。

🖼️ 圖片橫幅

適合 GitHub README、HackMD、論壇、社群媒體。動態生成，永遠顯示最新資訊。點擊圖片會連結到購買頁面。

💡 提示： iframe 方式最簡單且功能完整，支援響應式設計和懸停效果。圖片橫幅適合不支援 iframe 的平台（如某些論壇和社群媒體）。