> 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="/files/CEB2W526JPPMpTA2QfUc" alt=""><figcaption></figcaption></figure>

3. 點擊「Create a new channel」

<figure><img src="/files/imHU4SYSFGGh5DdRqjQg" alt=""><figcaption><p>LINE Developers 建立頻道</p></figcaption></figure>

4. 點擊「LINE Login」

<figure><img src="/files/mVkKhmUaOhO38TWHIYry" 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="/files/h1FDccP7GyJPEfOGkmS4" alt="" width="563"><figcaption><p>LINE Developers 建立頻道 Login 資料填寫</p></figcaption></figure>

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

<figure><img src="/files/SOdIn3iUocsAf927cvJG" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/j90Jvl01Z7mIaD9646ZC" 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="/files/ohkzScTBsZOM1uDZseWV" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

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