logo
使用教學登入

整合 next.js

要將悄悄訊息嵌入您的 next.js 網站非常簡單

創建悄悄訊息專案

  1. 註冊悄悄訊息後,並進入悄悄訊息的主後台
    1. notion image
 

2. 創建新專案後,點進「如何使用」

notion image
 

3. 複製這段程式碼

notion image
 

嵌入 next.js 專案

利用 next/head 嵌入

選擇你想要嵌入悄悄訊息的頁面,並利用 <Head/> 寫入悄悄訊息的 script

import Head from 'next/head'

function IndexPage() {
  return (
    <div>
      <Head>
				<script src="https://cdn.ciaociao.email/widget.js" data-pid="xKIJOd_pEw" />
      </Head>
      <p>Hello world!</p>
    </div>
  )
}

export default IndexPage
 

打開你的 next.js 專案後,就會看到悄悄訊息被成功嵌入你的網站

notion image
© Copyright 2021 悄悄訊息