---
description: Obrolan Pelanggan Facebook tidak begitu bersahabat dengan GTM atau Wordpress, jadi kami akan menunjukkan cara memanfaatkannya. Penyematan Obrolan Pelanggan yang Gratis dan Mudah Digunakan.
title: Obrolan Pelanggan Facebook: Cara Menggunakannya dengan Google Tag Manager
image: https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png
---

1. [Beranda ](/id)
2. [\> Blog ](/id/blog)
3. [\> How To Article](/id/category/how-to-article)

# Cara Menambahkan Obrolan Web Facebook dengan GTM

[![Gerardo Salandra](https://assets2-proxy.respond.io/ph8r57dk1q9w/6N33r6J1VRPdiVQylKFTF1/c23cccbaea7e82943d31f48b7ba627b9/Jerry_Avatar.svg?q=70&w=400&fm=avif)](/id/author/gerardo-salandra)

[Gerardo Salandra](/id/author/gerardo-salandra)

· 31 Jan 2025

·

2 menit baca

![Obrolan Pelanggan Facebook: Cara Menggunakannya dengan Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png?q=70&w=400&fm=avif)

Plugin Obrolan Pelanggan Facebook adalah plugin obrolan langsung gratis yang luar biasa yang menempatkan Facebook Messenger langsung di situs web Anda. Seperti vendor obrolan langsung tradisional, Facebook menyediakan bagian belakang yang disebut [Kotak Masuk Facebook tempat staf pendukung Anda dapat mengobrol dengan pengunjung, pengguna, dan pelanggan](https://respond.io/id/blog/facebook-business-chat#toc-mobile-9). Berbeda dengan obrolan langsung lainnya, Facebook memungkinkan Anda membalas pesan kontak Anda, bahkan setelah mereka meninggalkan situs web Anda, mereka akan menerima pesan Anda di aplikasi Facebook Messenger. Masalahnya adalah Anda tidak dapat menginstal Facebook Web Chat dengan Google Tag Manager, atau apakah Anda bisa?

## Mengapa Kode Obrolan Web Facebook Tidak Bekerja Dengan GTM

Jika Anda ingin mengelola kode sematan Anda menggunakan Google Tag Manager atau melalui addon Wordpress, Anda akan menemukan bahwa ini tidak mungkin dengan Kode Plugin Obrolan Pelanggan Facebook yang disediakan oleh Facebook.

Kode yang disediakan adalah potongan HTML, <div> yang harus ditempel pada setiap halaman situs satu per satu. Ini menjadi masalah jika Anda memiliki 100 halaman. Pilihan yang jelas adalah menambahkan skrip Obrolan Pelanggan Facebook ke Google Tag Manager (GTM). 

![SDK Obrolan Pelanggan Facebook tidak berfungsi dengan Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/5IPttiPcrbda6i98em4L6x/cb082d454f9b5075aa10490d97ac4cdd/FacebookCustomerChatSDK_2af66deaf5f28baaf1a71675db98f619.png) 

Karena kode Obrolan Pelanggan Facebook mengharuskan Anda menempelkan SDK Facebook dan kode obrolan pelanggan, tidak ada cara nyata untuk memasang Obrolan Web Facebook dengan Google Tag Manager (GTM). Karena Facebook Customer Chat SDK tidak dapat bekerja dengan Google Tag Manger (GTM).

![Kode Obrolan Pelanggan Facebook](https://assets2-proxy.respond.io/ph8r57dk1q9w/5odeL0zHStshwQ6yXFZNpU/38cb180aa7c61e3ad1a36c06ef8bdd24/FacebookCustomerChatCode_6efd56e777c6e4d87598c65fd9999cd1.png) 

Yang'Anda perlukan hanyalah cara untuk mengubah kode sematan ini menjadi skrip yang dapat digunakan dengan Google Tag Manager.

Ubah percakapan pelanggan menjadi pertumbuhan bisnis dengan respond.io. ✨

Kelola panggilan, obrolan, dan email di satu tempat!

[ Jadwalkan Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Daftar Gratis](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## Cara Memasang Facebook Web Chat dengan Google Tag Manager

Untuk memasang Plugin Obrolan Pelanggan Facebook di Google Tag Manager (GTM), Anda'memerlukan hal-hal berikut:

* Halaman Facebook
* [Akun Rocketbots](https://app.respond.io/user/register)
* Akses ke Google Tag Manager untuk halaman web Anda

**1 Masuk ke platform Rocketbots** dan buat ruang. Anda akan memerlukan ruang untuk menghubungkan halaman Facebook Anda.

![Buat Ruang Jika Anda Belum Memilikinya Untuk Menambahkan Plugin Obrolan Pelanggan Facebook Ke Situs Web Anda Menggunakan GTM](https://assets2-proxy.respond.io/ph8r57dk1q9w/2WpPjKUHUDzw6D1KcFlxFq/1633b16c3f6029ff47a9a79ec42a76da/1CreateSpace_a89ba47e50bd6a3d92b7c4055e0ffdbe.png) 

**2 Pilih Facebook Messenger**, tekan berikutnya lalu pilih Halaman Facebook yang ingin Anda hubungkan.

![Pilih Facebook Messenger untuk Menambahkan Plugin Obrolan Pelanggan Facebook ke Situs Web Anda Menggunakan GTM](https://assets2-proxy.respond.io/ph8r57dk1q9w/256HOr3r6ZPjXavD9nY2dr/6b8032b2664b84974de77ffc07d4b2a9/2SelectFacebookMessenger_f36a6a13f3ef5cd193112e2f4c822103.png) 

**3 Isi detail saluran Anda** dan centang tambahkan Widget Obrolan Pelanggan Facebook'ke situs web Anda?

![Centang untuk Menambahkan Plugin Obrolan Pelanggan Opsional untuk Menambahkannya ke Situs Web Anda Menggunakan GTM](https://assets2-proxy.respond.io/ph8r57dk1q9w/6ZtzZO8SZEWPIGG52ZAKe8/b61acc31f8ecea685b75294ad59116f9/3CheckAddPlugin_0b2931de8ce344b1753557e9de838081.png) 

**4.** Daftarkan Domain Anda dalam Daftar Putih, Pilih Warna dan isi pengaturan lanjutan Anda. 

![Daftarkan Domain Putih & Pilih Warna Untuk Menambahkan Plugin Obrolan Pelanggan Facebook Ke Situs Web Anda Dengan Plugin Obrolan Pelanggan Facebook](https://assets2-proxy.respond.io/ph8r57dk1q9w/5RGe914L0YLfswvsvO7n2D/3de046d3ce9c1a0d28377f95d575a713/4_1_6206b52113eaa5ae2d33acce5c4ab7e9.png) 

Kode referensi memungkinkan Anda memulai otomatisasi orientasi unik [](https://rocketbots.io/blog/onboarding-chat-subscribers/), jika kontak berasal dari Plugin Obrolan Pelanggan Facebook.

![Sesuaikan Pengaturan Lanjutan Untuk Menambahkan Plugin Obrolan Pelanggan Facebook Ke Situs Web Anda Dengan Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/2pFlaqTtAlayLkYQaRqDRF/92dee301481ba52a1639dda8fb7a6da9/4_2_035399745c216f7f5f24ca184f77c597.png) 

**5\. Salin Skripnya.** 

![Salin Skrip Untuk Menambahkan Plugin Obrolan Pelanggan Facebook Ke Situs Web Anda Dengan Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/1RqRPoV8ao0u9J707AqOCD/a471005ec82e1d74b005de1874ff3339/5_d3d2cf0510a4c061760d4a0dd2242d75.png) 

**6\. Masukkan skrip ke GTM sebagai Tag HTML khusus.**

![Tempelkan Skrip Untuk Menambahkan Plugin Obrolan Pelanggan Facebook Ke Situs Web Anda Dengan Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/7kDcJc9hetICLVBInbGgfU/960b85365af1395207c4a5c9caaa4149/GTMCustomerChatCode_ea8d7dffaffb51a56d3fc41777825438.png) 

**7\. Klik Selesai pada Rocketbots dan periksa halaman Anda**.

![Periksa Situs Anda Untuk Menambahkan Plugin Obrolan Pelanggan Facebook Ke Situs Web Anda Dengan Google Tag Manager](https://assets2-proxy.respond.io/ph8r57dk1q9w/64sEBSeO9wKz3kGN4UGShr/7796e7ce71c944a9a857804c76999b5c/6_49824edc495c233c916ec6eae44b3240.png) 

Yah, itu tidak terlalu sulit, bukan? Dengan menggunakan platform Rocketbots Anda akan merasa jauh lebih mudah, dan jauh lebih mudah untuk membuat kode Obrolan Pelanggan Facebook baru yang benar-benar berfungsi dengan add-on GTM dan Wordpress sebagai Skrip.

Bersamaan dengan Plugin Obrolan Pelanggan Facebook, Anda akan menemukan bahwa mengelola kontak Anda di platform Rocketbots juga menjadi lebih mudah. Dengan Rocketbots AI belajar dari percakapan Anda melalui Facebook Customer Chat, dan semakin banyak yang dipelajarinya, semakin banyak pula balasan cerdas yang akan diberikannya, balasan sekali klik yang didasarkan pada jawaban Anda sebelumnya untuk pertanyaan serupa. Biarkan terus belajar dan segera AI benar-benar dapat mulai mengotomatiskan respons Anda.

Ubah percakapan pelanggan menjadi pertumbuhan bisnis dengan respond.io. ✨

Kelola panggilan, obrolan, dan email di satu tempat!

[ Jadwalkan Demo](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJZtM4BfRkXBKSL59L5j/laJ4+zD1NHrw8UnfY3qlAjv5e5x/LC6kTHaAzy+ZArNHjwEPBjeaY/legh7/lItLGZbpOSlRy+3HaHdvJTbK4816w=&webInteractiveContentId=131307604004&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) [ Daftar Gratis](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/redirect?encryptedPayload=AVxigLJUZ9y86szSaqWmCnYSYMq0ZOk9XV2oCon/mNLPf8PPYjkz0WNyT3X6/NYXJ57JQd5OrqxmaPSa+7vmFBoJC5AM1ZN85A57D/f8/TbyG9hd5BP9pbt7izF7v82BktzihajSsdiAfsC8q7M1poVVj/eAarUQTlFGjZdhnpE/S0oyP6r6zJeC35UP7Fj5/hBOQVo1fYZ5OQ0ThLMvpSdc7BkVWmpTOpdbJhdObPU=&webInteractiveContentId=131307603879&portalId=7250147&%5F%5Fhstc=4958508.ec36eb4a1acb5a2f1d2caa097ff2cfe6.1725863681681.1736738541926.1736745026317.279&%5F%5Fhssc=4958508.5.1736745026317&%5F%5Fhsfp=1189922200) 

## Bacaan Lanjut

Memulai menghasilkan prospek di Facebook Messenger? Berikut beberapa blog yang mungkin Anda anggap berguna.

* [Facebook Messenger untuk Bisnis: Panduan Lengkap](https://respond.io/id/blog/facebook-business-chat)
* [Cara Menghasilkan Prospek di Facebook: Dijelaskan dengan Contoh](https://respond.io/id/blog/how-to-generate-leads-facebook)
* [Tambahkan Facebook Messenger ke Situs Web: Panduan Widget Messenger](https://respond.io/id/blog/add-messenger-to-website)

Bagikan artikel ini

[![Telegram](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F44daca77a4844f0c8fd29040ddeba057?width=22)](https://api.whatsapp.com/send?text=https://respond.io/blog/facebook-customer-chat-gtm)[![Facebook](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/fff57eeb01160bc604392f519b4f3461ca16f0fa1b6a587b20b142cdf1ad0ba7?placeholderIfAbsent=true&width=22)](https://www.facebook.com/sharer/sharer.php?u=https://respond.io/blog/facebook-customer-chat-gtm)[![Linkedin](https://assets1-proxy.respond.io/api/v1/image/assets/11f7a662b80a4675973850b067c01fa5/7aaf8d87b5410844d83e06a4ed663e4f551b8c5ef51dbb20a8ff064a1eed9a0f?placeholderIfAbsent=true&width=22)](https://www.linkedin.com/sharing/share-offsite/?url=https://respond.io/blog/facebook-customer-chat-gtm)[![Twitter](https://assets1-proxy.respond.io/api/v1/image/assets%2F11f7a662b80a4675973850b067c01fa5%2F4e03e02422a94e8eab9b8b41457c2371?width=22)](https://twitter.com/share?url=https://respond.io/blog/facebook-customer-chat-gtm)

Postingan terkait 👩‍💻 

* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/2oqQFglGKjjaHVJ8tzFoWn/dae58c7100ab3e6aadc197b8967ace36/Practical_Guide___Best_Omnichannel_CRM.png?q=70&w=1000&fm=avif)](/id/blog/best-omnichannel-crm)  
[10 platform CRM omnichannel terbaik: respond.io, Kustomer, Kommo, Salesforce, HubSpot, Zendesk, Intercom, Zoho CRM, Zendesk dan Freshdesk.10 platform CRM omnichannel terbaik: Respond.io, Kustomer, Kommo, Salesforce, Hubspot, Zendesk, Intercom, Zoho CRM, Zendesk dan Freshdesk.](/id/blog/best-omnichannel-crm)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/vr013lmO4xRSS30KcRV8T/8577db2181c4da2b4b4650ef13f7f93c/Practical_Guide___Best_AI_Chatbot_for_Website_Cover__1___1_.png?q=70&w=1000&fm=avif)](/id/blog/best-ai-chatbots-for-website)  
[Chatbot AI Terbaik untuk Website: Platform Teratas DibandingkanTemukan chatbot AI terbaik untuk situs web di 2025: Respond.io, Intercom, Zendesk AI, Tidio, Chatbase, Drift, HubSpot Chatbot, ManyChat, Landbot](/id/blog/best-ai-chatbots-for-website)
* [![](https://assets2-proxy.respond.io/ph8r57dk1q9w/1TpzwG7GSnvYfqt5pQRkSu/33fb71cdb0416e51b471784944d51485/AI_Agents_for_Customer_Support.png?q=70&w=1000&fm=avif)](/id/blog/best-ai-agents-for-customer-support)  
[Agen AI Terbaik untuk Dukungan Pelanggan di 2025: Pro, Kontra & HargaJelajahi agen AI terbaik untuk dukungan pelanggan di 2025\. Bandingkan pro, kontra dan harga dari platform teratas seperti respond.io dan Intercom.](/id/blog/best-ai-agents-for-customer-support)

Tiga kali hasil bisnis Anda dengan Respond.io 🚀

[Bicaralah dengan tim penjualan](/id/demo)[Mulai uji coba gratis](https://app.respond.io/user/register)

2025-12-05T06:10:43.274Z

blogs

```json
[{"@context":"https://schema.org","@type":"Article","image":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png","thumbnailUrl":"https://assets2-proxy.respond.io/ph8r57dk1q9w/7wmYig0bMQMuQRapFcpNr1/bd8611231afa4f24353bc73fc7bafa9e/HowTo-FBAddWebChat_988d43840e35069a2b321c5d6ca0260b.png","headline":"Obrolan Pelanggan Facebook: Cara Menggunakannya dengan Google Tag Manager","alternativeHeadline":"Obrolan Pelanggan Facebook: Cara Menggunakannya dengan Google Tag Manager","genre":["How To Article"],"publisher":{"@type":"Organization","name":"Respond.io","sameAs":"https://respond.io","logo":{"@type":"ImageObject","url":"https://respond.io/logo/respond-io.webp"}},"url":"https://respond.io/id/blog/facebook-customer-chat-gtm","datePublished":"2018-10-18T00:00:00.000Z","dateCreated":"2018-10-18T00:00:00.000Z","dateModified":"2025-01-31T03:05:15.772Z","description":"Berikut tutorial hebat tentang cara membuat Facebook Customer Chat berfungsi di Google Tag Manager","author":{"@type":"Person","name":"Gerardo Salandra","url":"https://respond.io/id/author/gerardo-salandra"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://respond.io/id/blog/facebook-customer-chat-gtm"}},{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://respond.io/id"},{"@type":"ListItem","position":2,"name":"Blog","item":"https://respond.io/id/blog"},{"@type":"ListItem","position":3,"name":"How To Article","item":"https://respond.io/id/category/how-to-article"}]}]
```
