デジマ部

SEO、デジタルマーケティング、ウェブ解析、ウェブ改善などについてのメモ

FacebookメッセンジャープラグインをGTMを使って実装する方法まとめ

Facebookメッセンジャーをサイトに追加できるプラグインがあります。

Facebookのページから設定>メッセンジャー>で設定していくことで、コードが取得できます。

このままだとGoogleタグマネージャー(以下、GTM)を使って実装できません(WordPress経由でも同様)。Facebookのコードが、GTMのバリデーションに引っかかるんですね……。

ということで、対策を調べたので書いておきます。

ページに直書きする

最もシンプルな解答。しかし、それをやりたくないので、GTMを導入しているわけで。なんとかGTMを使ってできないものか。

コードを書き換える(サードパーティサービスを使う方法)

そもそもそもFacebookメッセンジャープラグインがGTMで貼れない理由は、このメッセンジャープラグインにの動作のためにはページ内に「Facebook SDK」の貼り付けが必要なところ、Facebook SDKがGTMでは貼れないから、ということらしい。そこで、プラグインコードを、GTMで動くスクリプトの形に書き換えてあげる必要があります。

よくわからない人はサードパーティサービスを使うとよいでしょう。respond.ioやMobile Monkeyなどが使えます。共に無料プランが用意されているので、試しやすいです。

Respond.io | #1 Business Messaging Platform for All Channels

詳しいステップバイステップのやり方はこちらを参照

Mobile Monkeyはこちら。 mobilemonkey.com

コードを書き換える(自力で書き換える方法)