> For the complete documentation index, see [llms.txt](https://instag.gitbook.io/doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://instag.gitbook.io/doc/zheng-he-di-san-fang-ping-tai/line-oa/line-liff.md).

# Line LIFF

## Step 1. Line Developer 啟用 Login API

1. 開啟「[Line Developer Console](https://developers.line.biz/console/)」
2. 選擇與 [Line 官方帳號](/doc/zheng-he-di-san-fang-ping-tai/line-oa/line-guan-fang-zhang-hao.md)相同的 Provider

{% hint style="warning" %}
**注意：Login API 需與 Message API 為同一個 Providers！**
{% endhint %}

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FC1zNmEUCGgDJWponOKE8%2Fimage.png?alt=media&amp;token=7c202a2f-6f8c-4fcf-bd0e-036ee2a162df" alt=""><figcaption></figcaption></figure>

3. 點擊「Create a new channel」

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2Fpgy1ZNNdH1x2Y9y6MWQa%2Fimage.png?alt=media&amp;token=4a37b967-370f-48df-91fc-6abd36b2aa82" alt=""><figcaption><p>LINE Developers 建立頻道</p></figcaption></figure>

4. 點擊「LINE Login」

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FRx44WgYORlhzegE7Hmvl%2Fimage.png?alt=media&amp;token=70ccbb36-9c96-4502-adfe-93ebd3016f6c" alt=""><figcaption><p>LINE Developers 建立頻道 Login</p></figcaption></figure>

5. 填寫相關欄位資料，按下「Create」

{% hint style="info" %}
「Region to provide the service」 選擇：Taiwan

「App types」選擇：Web app
{% endhint %}

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FRmwyv0GPxKzK3QbdE6Qx%2Fimage.png?alt=media&amp;token=8360e87f-b5c2-4e7d-84f9-dbf5db64d170" alt="" width="563"><figcaption><p>LINE Developers 建立頻道 Login 資料填寫</p></figcaption></figure>

6. 將狀態從「Developing」切換為「Published」

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FGK0ZQCJTILAlgQcyARW4%2Fimage.png?alt=media&amp;token=4e0a0838-9bd4-439d-be66-3d3d0a9e4c9e" alt=""><figcaption></figcaption></figure>

7. 設定完成後看到如下面畫面，找到「Channel ID」及「Channel secret」繼續進行下一步

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2FqrJGxDMXSAL5BB119gHw%2Fimage.png?alt=media&amp;token=db9fcc1f-2bbb-4ce0-a7cc-455684b6649e" alt="" width="514"><figcaption><p>LINE Developers 建立頻道_login 完成</p></figcaption></figure>

## Step 2. Instag AI 後台設定 Line LIFF 整合

1. 開啟 「[Instag AI](https://pro.instag.ai)」
2. 左側選單點選「整合 > LINE LIFF」
3. 切換開啟「啟用」、「啟用 LIFF 追蹤」
4. 將 Step 1. 中取得的「Channel ID」及「Channel secret」依序填入
5. 點擊「儲存」

<figure><img src="https://2075385674-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FA8vmX591TX7ccV7n1Qcw%2Fuploads%2F6O7u1AaXfyZE50w2AGIp%2Fimage.png?alt=media&amp;token=a10cea08-4561-473e-b823-8b0d4cd3525f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

* 「啟用 LIFF 追蹤」（啟用才能進行 Line ID 綁定）
* Line LIFF 用途在 Line User ID 與 第一方 Cookie 進行連結，方能將 Instag 受眾與 Line 同步
  {% endhint %}