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