2017年4月24日月曜日

MakeShopへのGoogleタグマネージャーとGoogle Adowors リターゲティングタグの設定

MakeShop Googleタグマネージャー 備忘録

MakeShopへのGoogleタグマネージャーとGoogle Adowors リターゲティングタグ挿入は、独自デザインから編集する必要がある。


■方法

----------------------------------------------------
■①Googleタグマネージャー取得(下記のようなもの

・ Google タグマネージャをインストール
 下のコードをコピーして、ウェブサイトのすべてのページに貼り付けてください。
 このコードは、次のようにページの <head> 内のなるべく上のほうに貼り付けてください。

<!-- Google Tag Manager -->
<script>
★内容
</script>
<!-- End Google Tag Manager -->

----------------------------------------------------
また、開始タグ <body> の直後にこのコードを次のように貼り付けてください

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src=>
★内容
</iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

----------------------------------------------------
■②MakeShop
●【Googleタグマネージャー】header PC
独自デザイン(PC) > トップページ編集 > 共通headタグ管理

ページ設定
「全ページ共通 ▼」
「トップ ▼」
「商品カテゴリー ▼」
「商品詳細 ▼」
「商品検索 ▼」
「買い物かご ▼」

<head>
★ここにコードを書き込む
</head>
----------------------------------------------------

●【Googleタグマネージャー】body PC
独自デザイン(PC) > トップページ編集 > 上段メニュー管理

<body>
★ここにコード書き込む
</body>

●【GoogleAdWordsのリマーケティングタグ】body PC
独自デザイン(PC) > トップページ編集 > 下段メニュー管理

<body>
★ここにコードを書き込む
</body>

----------------------------------------------------

●【Googleタグマネージャー】header スマホ
独自デザイン(スマホ) > スマホデザインの設定 > ★デザイン名 > 共通headタグ管理
ページ設定
「全ページ共通 ▼」
「トップ ▼」
「商品カテゴリー ▼」
「商品詳細 ▼」
「商品検索 ▼」
「買い物かご ▼」
「お知らせ ▼」
「お知らせ一覧 ▼」

<head>
★ここにコードを書き込む
</head>

----------------------------------------------------

●【Googleタグマネージャー】body スマホ

独自デザイン(スマホ) > スマホデザインの設定 > ★デザイン名 > ヘッダーデザイン編集

★上記の手順で行うと自動的の表示されていた(仕様?)

●【GoogleAdWordsのリマーケティングタグ】footer スマホ

独自デザイン(スマホ) > スマホデザインの設定 > ★デザイン名 > フッターデザイン編集

★「HTML編集」内にコードを書き込む

----------------------------------------------------

0 件のコメント:

コメントを投稿

雑誌:POPEY 931 2024 11月号 特集:やっぱりバンドっていいよね。

雑誌:POPEY 931 2024 11月号 特集:やっぱりバンドっていいよね。 雑誌をざっと眺めながら、知らないバンドばかりなので、YouTubeで音源検索して軽く聴いた。 ()内は、雑誌に書かれてあった内容の要約と、なんとなく思ったものを付け加えておいた。 誤りなど多々あると...