> For the complete documentation index, see [llms.txt](https://docs.abot.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.abot.vn/tich-hop/tich-hop-firebase-voi-abot.md).

# Tích hợp Firebase với ABOT

Firebase Cloud Messaging là dịch vụ gửi tin, thông báo miễn phí đến user trên nền tảng Android, IOS và Web.

Bước 1: Tạo tài khoản và đăng nhập Firebase tại <https://firebase.google.com/>

Bước 2: Tạo dự án mới hoặc sử dụng dự án đã có sẵn của bạn.

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FH3UpiIoKH9DIVoHSnRiF%2Fimage.png?alt=media&amp;token=7cf53274-f569-45ec-8ad7-962d893fb0fb" alt=""><figcaption><p><strong>Tạo project firebase mới</strong></p></figcaption></figure>

Bước 3: Sau khi đã có một dự án firebase bạn hãy tạo 1 app web firebase

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FYHrPMQtPjVaJTNXWYq8Q%2Fimage.png?alt=media&amp;token=01e42816-07a8-471b-904d-a2d631cc05e2" alt=""><figcaption><p>Tạo app web firebase</p></figcaption></figure>

Bước 4: Tiếp theo hãy nhấn vào cài đặt và vào mục Project Settings

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FwMLqu3j2RcsZnZIxeUId%2Fimage.png?alt=media&amp;token=93b7be9c-162c-4865-8a66-3fedf2238066" alt=""><figcaption></figcaption></figure>

Di chuyển tới phần Your App > Chọn app web vừa tạo và chọn phần config

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FPZ8yd8LV5DQBvoQDp3sS%2Fimage.png?alt=media&amp;token=db28be0d-eb76-4c75-ae5e-fe80e4acba67" alt=""><figcaption><p>Config web apps</p></figcaption></figure>

Bước 5. Vào mục plugin trên ABOT và chọn plugin Firebase.

Copy đầy đủ các thông số bên ABOT cần

Bước 6: Chuyển sang tab Cloud message và nhấn vào Generate key pair. Sau đó copy Key pair được tạo ra và dán vào phần Server key của ABOT.

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FGztecP8ojBvdvHc3y9FT%2Fimage.png?alt=media&amp;token=986cc4e1-cc30-47e0-92c8-959f2dd29be2" alt=""><figcaption><p>Generate key pair firebase</p></figcaption></figure>

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FIXGWNtlC3FAhRXHByRzh%2Fimage.png?alt=media&amp;token=baf19266-2430-4feb-9966-38ec57fac548" alt=""><figcaption><p>Cài đặt thông số firebase trên abot</p></figcaption></figure>

### Cài đặt các tính năng Push notification

<figure><img src="https://990984757-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MVU2Mo5OCn6t8Tsu5cJ%2Fuploads%2FUQL3bbnhdpdKErxoPSJr%2Fimage.png?alt=media&amp;token=36858256-5556-4253-911c-4322a0973bbe" alt=""><figcaption></figcaption></figure>

**Mobile app notifications:** Bật push notification trên mobile app

**Enabled on landing pages:** Bật push notification trên landing page của ABOT

**Enable on tracked pages**: Bật thông báo đẩy trên các trang được gắn [mã tracking của ABOT](/tracking/su-dung-ma-tracking-abot-tren-ladipage.md)

**Icon/image URL**: Hình ảnh, icon hiển thị khi nhận thông báo đẩy.

**Prompt browser notification window automaticaly**: Bật modal nhắc nhở nhận thông báo. Nếu khách hàng từ chối nhận tin thì 1 ngày sau hệ thống sẽ hiển thị lại thông báo này.

**Browser notification window content**: Nội dung hiển thị trên modal thông báo.

**Welcome notification - Title**: Tiêu đề push notification khi khách hàng đồng ý nhận tin.

**Welcome notification - Text**: Nội dung push notification khi khách hàng đồng ý nhận tin.

**Welcome notification - URL**: Đường dấn trong push notification khi khách hàng đồng ý nhận tin. Khách hàng click vào thông báo đẩy sẽ được dẫn tới trang đó.

#### Supported Platforms For Mobile Push

**iOS**: Bật thông báo đẩy trên IOS

**Android**: Bật thông báo đẩy trên Android

### Cách push notification tới khách hàng

Bước 1: Tạo nội dung thông báo đẩy.

Bước 2: Cài đặt vào chiến dịch (Campaign). [Xem hướng dẫn cài đặt chiến dịch](/huong-dan-su-dung-phan-mem-abot/campaign.md#bat-dau)

### Tài liệu cài đặt push notification trên web

Khi tích hợp push notification với Firebase bạn có thể kết nối với không giới hạn các website.

Để push notification trên web bạn cần cài đặt [code tracking](/tracking/su-dung-ma-tracking-abot-tren-ladipage.md) của abot lên website. Bạn xem hướng dẫn cụ thể [tại đây.](/tracking/su-dung-ma-tracking-abot-tren-ladipage.md)

### Tài liệu cài đặt mobile app

Bạn hãy xem [tài liệu Firebase Cloud Message](https://firebase.google.com/docs/cloud-messaging)

Tài liệu cài đặt push notification trên IOS [tại đây.](https://firebase.google.com/docs/cloud-messaging/ios/client)

Tài liệu cài đặt push notification trên Android [tại đây.](https://firebase.google.com/docs/cloud-messaging/android/client)

Sau khi đã kết nối thành công với Firebase Cloud Message bạn hãy gửi token lên ABOT:

Ví dụ:

```
curl --location --request POST 'https://company.abot.vn/fcm/appcallback' \
--header 'Content-Type: application/json' \
--header 'apikey: AIzaSyDMxUf8QakKg9vCd-53c_jH3kYqqborfSx' \
--data-raw '{
    "email": "email@gmail.com",
    "push_id": "fOfkYKlUIGGrEQWu-smYbh:APA91bEgb8wnZNPWPd5sC4cWTh8LLO1Y9sJj80p12DExSRZWrLaVYPFg38EANnyCDjZoDINgNz2GtrY2X8ODkhL802EM8_QrSVmVjjfJVNmK96js0osuB_FVHTi9Ch9HfjrJB1qEpIrs",
    "enabled": true
}'
```