Please enable JavaScript.
Coggle requires JavaScript to display documents.
Google広告4次 (そもそもGoogleタグマネージャーとかYahooタグマネージャーとか使えるようにすればいいんじゃない?…
Google広告4次
そもそもGoogleタグマネージャーとかYahooタグマネージャーとか使えるようにすればいいんじゃない?
Googleタグマネージャー
Googleが提供する ツールで、様々なタグを一元管理( タグマネージメント)できる
Google タグマネージャのタグを ページに設置し、管理画面に Googleアナリティクスや Google AdWordsなどのタグを登録すると、 HTMLの変更を行わずとも、管理画面内でタグの変更や更新などが可能
メリット
バージョン管理ができる
Google タグマネージャで新しく変更を加えると、自動的に新しいバージョンが作成され、途中で編集を止めても続きから編集することが可能です。
現在公開中のバージョンになにかトラブルが起きた際、トラブル前の状態にすぐに戻せます。
タグの設置が容易になる
管理者や開発担当者に依頼することなく自分でタグをソースに埋め込めます。
公開前にプレビューできる
タグ管理が容易になる
全ての ページに一気に設置できたり、どのタグを埋め込んでいるのかもわかりやすく管理できます
SPS
Google タグマネージャのタグを 自動でページに設置する必要がある
<head>の上のほうに以下を追記
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'
https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f
);
})(window,document,'script','dataLayer','
店舗によって異なる
');</script>
<!-- End Google Tag Manager -->
【ベーシックテンプレートの場合】
デザイン設定>ヘッダとSEOの設定>headタグの追加で
<HEAD>~</HEAD>を追加して設置。
リマケタグの機能が充実しているからそこに書けばすべて解決する・・・
スマホのheadタグの上部分は、各種設定>head設定
<body>の直後に以下を追記
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'
https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f
);
})(window,document,'script','dataLayer','
店舗によって異なる
');</script>
<!-- End Google Tag Manager -->
デザイン設定>ヘッダとSEOの設定>ヘッダのバナーエリアに設置すれば
直後でないけど、開始ボディの後ろに記述される。
スマホの開始ボディの後ろは、お店ページ>トップページ専用ヘッダ>編集
Yahooタグマネージャー
メリット
無料で利用できる(Yahoo!プロモーション広告利用時)
エンジニアがいなくても タグやコードを追加できる
国内外主要120社以上の主要ベンダータグに対応
Webページの表示速度低下を防止できる
注意点
Yahooビジネスアカウントじゃないと使えない
Yahoo!タグマネージャーは、さまざまなタグを一元管理できるタグマネジメントサービスです。共通タグをウェブページへ埋め込むだけで複数のタグ管理を簡単に行うことができ、タグの導入・運用負荷の削減が実現可能となります。
SPS
Yahoo! JAPANユニバーサルタグの内容を
自動で表示する必要がある
body内直下、なるべく下に設置
<script id="tagjs" type="text/javascript">
(function () {
var tagjs = document.createElement("script");
var s = document.getElementsByTagName("script")[0];
tagjs.async = true;
tagjs.src = "//s.yjtag.jp/tag.js#site=XXXXXXX,YYYYYYY,ZZZZZZZ";
s.parentNode.insertBefore(tagjs, s);
}());
</script>
<noscript>
<iframe src="//b.yjtag.jp/iframe?c=店舗によって異なる " width="1" height="1" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</noscript>
メリット
Eストアー側でいちいち機能を提供しなくても
店舗さんが自分でカスタマイズできるようになる
将来のことを考えるとタグマネージャーに対応したほうが良い
デメリット
ショップサーブが自動で出力している既存の部分も
店舗自身で作成しないといけない
0の状態から設定をし直さないといけないので店舗の移行が大変
既存の状態を踏襲する場合のコードなどをマニュアルに記載する?
ある程度設定してから「切り替え」ボタンで切り替えのような流れが良い
既存のアナリティクスとタグマネージャーの併用をすると、
カウントが重複してしまうなどの不具合がある可能性がある
アクセス集計タグ設定 の プロパティIDをセットしなければSPSは自動で出力しないため重複することはない
もし、タグマネージャーを使えるようにするなら
影響が大きいので
清水さんを交えてもう一度話し合う必要がある
4/8 MTG予定
タグマネージャーを
使えるようにすることで解決できる問題
埋め込まれているタグの状況を把握しきれない
Webページによってタグが異なる場合がありややこしい
GoogleアナリティクスやGoogle AdWords、Yahoo!プロモーション広告などさまざまなツールで発行されたタグは、通常WebページごとのHTMLにそれぞれ必要なものを記述して利用します。Googleタグマネージャを使うと、それらの代わりにGoogleタグマネージャのタグを1つ書いておくだけで済むようになります。
HTMLの編集を第三者に依頼している場合、即座にタグの追加や削除ができない
外部のコンサルタントなどに現在のタグの利用状況を正しく伝えるのが難しい
グローバルサイトタグに、
サブサイトのドメインを追加できるようにする
対応可能
https://www.asobou.co.jp/blog/web/gtm-crossdomain
本番環境で値をとれることを確認
グローバルサイトタグに、Google広告のID(AW)を追加できるようにする
対応可能
https://hareno.hateblo.jp/entry/18/12/set-google-ads-conversion-tags-in-gtm
https://support.google.com/tagmanager/answer/6106960?hl=ja
Eストアーとして入れているタグの改修
現状 ga で書かれている
Googleタグマネージャーに変更しても
既存のまま残しておけるか?
懸念
タグマネージャーを使うと
コンバージョンタグのコンバージョンの金額が取れない
Eコマースの設定の値が取れれば、
計測できていることになる?
設定してみたが値が取れないので
反映されるのか明日確認する
確認方法
実際に広告経由でのカウントが取れるか確認しないといけない
飯田君確認中
集客・運用>コンバージョンタグ設定>Google広告 で
設定していたことを、タグマネージャーでも出来るようにする必要がある
実際に広告を作ってクリックされたか
確認しないといけないので、
クリエイションに検証環境を作ってもらう
広告費はどこの予算?
既存店舗
札幌
どの店舗も使えている
沼田君
コンバージョンの金額が取れないので、
リマケタグでしか使っていない
集客・運用>コンバージョンタグ設定>Google広告
矢川さん
SPSは使えないと思っていた
西村さん
店舗さんは使っているが、自分は使ったことがない
飯田君
タグマネージャーは使えないと聞いたことがある
グローバルサイトタグに、Google広告のID(AW)を追加できるようにする
gtagで表記できるようにする
今まで、gaでアナリティクスのタグを作成していたが、
gtagで作成するように修正する
ga で行っていたことを gtagで書き直す必要がある
現在は、gtagが主流なため
Google広告(AW)はgtagで記述していて、gaとgtagが混ざった状態になっているため
※この状態だとアナリティクスが取れなかった時の問題の切り分けが難しく、Google側のサポートを受けられないとのこと(ソリューション)
ITPの対策としても有効
今までは、<head></head>の終わり直前に入れるようにしていたが、<head>直下に設置する必要がある
Googleは推奨しているものの
jquery や javascript より前に記載する必要があるのか?不明なため開発の方の判断にお任せします。
今まで、リマーケティングタグ設定で記載していた記述を自動で表示できるようにする
gtag表記にした後、
gtag(‘config’, ‘AW-123456789’);
を追加する
Google広告側でのグローバルサイトタグの設置が楽になる
リマケタグ設定で記載している
<trackingtag_global>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-1234567890"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
の記述が不要になり、設定が楽になる
※既存の店舗は、リマケタグ設定に記載した記述を
手動で消してもらう必要がある
集客・運用画面の改修
Google広告のID を 登録できるところを新たに設け、
登録された、店舗のGoogle広告のIDを自動で出力できるようにする
グローバルサイトタグに、
サブサイトのドメインを追加できるようにする
グローバルサイトタグに、
サブサイトのドメインを追加したい
"今までは、お店ページとカートのドメインの違いの対応のみだったが、
店舗が指定するサブサイトも設定できるようにする"
現状、ショップサーブが自動生成しているため
店舗のサブサイトもアナリティクスをとれるようにしたくても設定できなかった
対応すると、コーポレートサイトなどもトラッキングできるようになり、アナリティクスが取れる場所が増える