GoogleTagManagerを使ってタグ運用を楽にしませんか？
•Download as PPTX, PDF•
5 likes•2,109 views
GoogleTagManagerを使ってタグ運用を楽にしませんか？
Recommended
More Related Content
What's hot
What's hot (13)
Viewers also liked
Viewers also liked (20)
Similar to GoogleTagManagerを使ってタグ運用を楽にしませんか？
Similar to GoogleTagManagerを使ってタグ運用を楽にしませんか？ (20)
More from dcubeio
More from dcubeio (19)
Recently uploaded
Recently uploaded (16)
GoogleTagManagerを使ってタグ運用を楽にしませんか？
- 2. 自己紹介 • 高倉啓史(26)-ごえもん- • プロダクト・マーケティング部 • エンジニアは社会人になってから • 1年ほど前はマーケティング部と組んで色々 • 現在は社内の業務改善でうろうろ • 主にJava
- 3. はじめに
- 6. あらためて…
- 7. アジェンダ • 弊社の導入背景 • GoogleTagManagerって？ • どうやって使うのorどんな事が出来るの？ • バッドプラクティスとかノウハウ
- 8. 弊社の導入背景
- 11. 色んなところに広告を出してます(インハウスで） • Google • Yahoo • Facebook • LinkedIn • …
- 13. ＼タグ埋め込め ／
- 15. 例えば：Optimizelyタグ <!DOCTYPE html> <html lang="en"> <head> <meta content="text/html; charset=utf-8"> <script src="//cdn.optimizely.com/js/12345678.js"></script> </head> <body>
- 16. 例えば：KaizenPlatformタグ <html> <head> <meta charset="UTF-8"> <title>Sample site</title> <script data-kz-key="XXXXXX" data-kz-namespace="kzs" src="https://cdn.kaizenplatform.net/y/XX/ZZZZZZZ.js"></script> </head>
- 17. 例えば：Mixpanelタグ (function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}} var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" "); for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=e.createElement("script");a.type="text/javascript";a.async =!0;a.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/ mixpanel-2-latest.min.js".match(/^///)?"https://cdn.mxpnl.com/libs/mixpanel-2- latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2- latest.min.js";f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f)}})(document,window.mixpanel||[]); mixpanel.init(“your_token");
- 18. 計測orグロースハックツールはタグ埋め込み必須 • (Google,FB,etc)広告経由で来た事がわかる • A/Bテスト対象ページ判定 • 計測対象ページ判定 • …
- 19. Q:タグ運用するとどうなるか？
- 20. A:よくわからなくなる
- 21. タグ設置は不透明要素になりやすい • あのページにタグ埋まってるっけ？ • 今いくつのタグが埋まってるんだっけ？ • このタグ使ってるっけ？ • そもそもこのタグ…何？
- 22. 他にも… • リリース作業がいるのでタグ設置には工数がか かる(エンジニア目線) • 新しいツールを使いたいけどエンジニアに頼ま なければいけないのでコミュニケーションコス トが大きい(マーケ目線) • タグを埋め込みすぎて重い = 管理出来てない
- 23. つらい
- 32. 実際にみてみましょう
- 33. (使い方まとめもかねて)弊社の活用事例 • エンジニアに依存しない計測タグ設置 • グロースハックツールの導入スピード向上 • サイト改善スピード向上
- 34. (使い方まとめもかねて)弊社の活用事例 • エンジニアに依存しない計測タグ設置 • グロースハックツールの導入スピード向上 • サイト改善スピード向上
- 37. 作業をGoogleTagManagerで • <script type="text/javascript"> • mixpanel.track(“member”); • </script>
- 40. 弊社の活用事例_サイト改善スピード向上 • 厳密にはGoogleTagManagerではなく、別の グロースハックツール • GoogleTagManagerを使って計測箇所や改善 サイクルを多く回す
- 41. バッドプラクティスとかノウハウ
- 42. その１
- 45. その１ なんでもGoogleTagManagerでやっちゃう • タグ設置にとどまらない使い方をする(jquery を読み込ませたりなどのコーディングに近い 行為) • リリースしてないのにバグる • とにかくバグの原因が分かりづらくなる
- 46. ツールの用途に沿って扱う
- 47. 当たり前の話しですが 大事です。
- 48. その２
- 50. 調査…
- 51. 何をどう変更したかが分からない…
- 52. バージョン名の未記載
- 53. その２ バージョン名の未記載 • 調査ができない • GoogleTagManagerの差分履歴は貧弱 • Gitで言うとコミットコメントがない
- 55. その３
- 59. 誰…？
- 60. 作業のバッティング
- 61. 作業のバッティング
- 62. どうするか？
- 63. 修正する際は声をかけあう！
- 65. ワークスペースを使いましょ う
- 67. ワークスペース
- 68. ワークスペース
- 69. 別々にタグ公開が出来る！
- 70. 修正箇所がぶつかった場合は ？
- 71. コンフリクト対応
- 72. コンフリクト対応
- 73. コンフリクト対応
- 74. コンフリクト対応
- 75. その３ 作業のバッティング • 一つのワークスペースでやると意図しないタ グを公開してしまう危険性あり • 複数の作業者が存在する場合はワークスペー スを分ける • ただし、コンフリクト解消処理はあまり優秀 じゃない
- 76. その他 • タグ多すぎ -> フォルダを活用しましょう • css等に依存した変数作り -> 下手にhtmlを触れなくなるので やめましょう • SPAつらい -> History APIでなんとか… • トリガーをandで設定したい -> れ、例外を使ってなんとか…
- 77. まとめ
- 78. GoogleTagManager • とっても便利 • 作業効率がX倍向上 • ルールをしっかり作らないと破綻する • チーム機能はちょっと貧弱…
- 80. ありがとうございました