Google analyticsが新しくアップデートされ、UIから何から変わりました。 正式には、Google Analytics 4（GA4）という名称とのこと。 Google Tag Manager（GTM）でも、これまでのアナリティクスようのタグとは別に、GA4用のタグが用意されています。 前提条件 GA4基準に、フォームのコンバージョンイベントをタグマネを使って取得する方法をまとめます。 ページのURLが変わらず、フォームのClassでコンバージョンを取得するパターンを想定し、 WordpressのプラグインMW WP Formでページ遷移しないフォームを例にしています。 また、すでにGA4のAnaryticsのタグ設定は、GTMで設定されている想定です。 変数の準備 MW WP Formの場合、確認画面、完了画面において、フォームにクラスが追加されます。 そのため、現在どのクラス

GA4が難しいと思っている方へ、全体像が理解できる無料eBookを作りました。 以下のページからダウンロードしてご利用ください。 →無料のeBookをダウンロードする ※新規タブでフォームが開きます。 GA4のコンバージョン（キーイベント）設定の方法がわからない イベントとコンバージョンの違いがわからない コンバージョンイベントはGTMで設定した方が良い？ このような疑問に答える記事です。 GA4の設定の中で最も重要なものの1つがコンバージョン（キーイベント）設定です。しかし、設定は難易度が高いという方も多いことでしょう。 実は、GA4のコンバージョン設定自体はとても簡単です。以下の画像のように、イベント一覧画面で「コンバージョンとしてマークをつける」というチェックボックスをオンにするだけだからです。 ただ、「そもそもコンバージョンとして記録したいイベントが設定されていない」という方も多い

そんなお悩みをお持ちの方向けの記事です。 Webサイトの中にフォームやLPへ誘導するボタンを設置してみたものの、どの程度クリックされているのか把握できていないという場合も多いことでしょう。 Google タグマネージャーを使えば、サイト内の特定のボタンクリックをイベントとして計測し、Google アナリティクス（GA4）で分析できるようになります。Looker Studioなどで以下のような表が作れれば、ページやボタンの表示位置ごとのクリックされやすさを特定し、CVRの改善に役立てることが可能です。 この記事では、GTMとGA4を使ってWebサイト内のクリック計測する方法を紹介します。Webサイトのコンバージョンを改善したいとお考えの方はぜひご覧ください。

JavaScriptをHTMLに挿入 JavaScriptコードをHTMLソースに挿入します。 See the Pen Untitled by InfoConnect (@infoconnect-inc) on CodePen. WordPressのfunctions.phpでアクションフック（add action）を利用し、上記のJavaScriptコードを含んだスクリプトを挿入することも可能です。 GA4管理画面での設定 ① プロパティ画面にて［イベント］→［イベントを作成］と進みます。 ② カスタムイベント画面にて［作成］をクリックします。 ③ 設定画面にて各項目を入力後、右上の［作成］をクリックします。 ・カスタムイベント名：任意でOK ・パラメータ：「event_name」 ・演算子：「次と等しい」 ・値：「submit」 ・ソースイベントからパラメータをコピー：チェックON ④

GTMでGA4イベントクリック計測をする方法 – カスタムデータ属性利用 公開日 : 2022.10.24 最終更新日 : 2023.07.10 Web 分析 この記事では、カスタムデータ属性を使った、GTM（Google Tag Manager）によるクリック計測の方法をご紹介します。 この記事で紹介する内容どおりに設定することで、ユーザーが行うあらゆるクリックアクションを「イベント」としてGA4で計測できるようになります！ 【概要】この記事の内容をサクッと紹介！GAやGTMで「やりたいことと一致する・しない」があると思うので、まずはこの記事で紹介する内容を簡単に解説します。 この記事では、下記のような計測方法を用います。 計測したい要素（リンクやボタンのHTMLコード）に対して、カスタムデータ属性(data-***=”任意の文字列”)を記述。GTMの設定にて、カスタムデータ属性を「トリ

「Googleアナリティクス4(GA4)」を活用する事で、「訪問者の流入経路を解析」する事ができます。しかし、「URLパラメータ」を適切に発行・設定しないと、流入経路が正しく分類されません。本コラムでは、GA4でパラメータを設定し、流入経路を解析する方法を簡単に解説します。 GA4をこれから導入・設定する方は、こちらをご確認ください。 ※【初心者でも簡単】GA4の移行・設定方法を4ステップで解説 ※【推奨】Googleタグマネージャー(GTM)を活用したGA4の設定方法 ※GA4移行後「すぐに」済ませたい設定８選＜GA4の使い方：基本編＞ 【目次】 １．Googleアナリティクスとは？ ２．URLパラメータの発行方法 ３．流入経路の解析は「トラフィック獲得」で ４．デフォルトチャネルグループを細かく分類する「参照元 / メディア」 ５．終わりに １．Googleアナリティクスとは？ 『Go

Googleアナリティクス4を使って、WordPressのプラグイン「Contact Form 7」のCV計測設定をする方法を解説します。 Googleアナリティクス4とは? Googleアナリティクス4とは、Googleアナリティクスの新しい計測方式です。従来型の計測はユニバーサルアナリティクスと呼ばれています。 新バージョンのアナリティクスは従来型と違って、ウェブサイトとアプリを両方計測できます。 新バージョンではタグの設定方法も画面UIもガラッと変わりました。長年慣れ親しんできたユニバーサルアナリティクスとの違いに戸惑っているのは、私だけではないはずです……。 2021年2月現在は、従来型のユニバーサルアナリティクスも新しいGoogleアナリティクス4も両方使うことができますが、新規で計測を始める場合はGoogleアナリティクス4が推奨されています。いずれ従来型のユニバーサルアナリテ

コンタクトフォーム7 (ワードプレスのプラグイン contact form7)でコンバージョンの設定をしたいが、できない。コンタクトフォーム7にサンクスページを指定したが、結局ダメ。 Redirection for Contact Form 7プラグイン も設定したがダメ。GTMでフォームの送信トリガを設定したが未入力エラーでもコンバージョンがカウントされてダメ。いくつものダメにうんざりしている方々もいるであろう。 GTMでのコンタクトフォーム7のコンバージョン設定方法完全版をご紹介する。 wpcf7mailsent（サンクスメール送信時イベント）を感知するタグを作成。トリガはAll Pages <script> document.addEventListener( 'wpcf7mailsent', function( event ) { window.dataLayer.push({ "

コンバージョン計測タグは運用型広告を運用し改善していく中で、必ず設定が必要な大切な要素です。 コンバージョン計測が正しくできていないと何を指標にして改善をおこなえばよいかわからず、全体のお問い合わせ数や売上を改善することは難しくなります。 この記事ではコンバージョン計測をおこなう際に度々つまづく、サンクスページがない場合や、フォームとサンクスページの URL が同じ場合におけるコンバージョンの計測方法をご紹介します。うまくコンバージョン計測ができないとお悩みの方はぜひ参考にしてみてください。 この記事でわかること コンバージョン計測の仕組み サンクスページの要素の表示での計測 GTM のフォーム送信トリガーでの計測 フォーム送信ボタンのクリックでの計測 コンバージョン計測タグの一般的な設定方法 多くのサイトでは各ページで URL が異なり、それぞれ遷移していきます。フォームは専用のページま

GA4が難しいと思っている方へ、全体像が理解できる無料eBookを作りました。 以下のページからダウンロードしてご利用ください。 →無料のeBookをダウンロードする ※新規タブでフォームが開きます。 こうしたお悩みに応える記事です。 モーダルウィンドウとは、Webサイト上でユーザーへのお知らせなどをポップアップ表示する小さな画面のことです。バナーやボタンを配置し、申し込みフォームへの誘導枠として使用しているWebサイトも多いでしょう。 モーダルウィンドウの表示やクリックは、Google タグマネージャーを使用することで計測可能です。 モーダルウィンドウが意図通りにユーザーに見られ、コンバージョンに寄与しているのかを把握したいというWeb担当者の方もいるのではないでしょうか。 モーダルウィンドウの表示回数を計測することで、次のようなことを把握し、それに応じた改善策を立てることができます。

はじめに 三菱総研ＤＣＳ デジタル企画推進部の土屋です。主にデジタルマーケティングを担当しています。 本ブログでは、Googleタグマネージャー（以下GTM）を使って、Googleアナリティクスの最新世代であるGoogleアナリティクス4（以下GA4）で仮想ページビューを計測する設定方法について紹介します。 当社の公式サイト等で使用している問い合わせフォームは、入力・確認・完了の各ページでURLが変わらないフォームとなっています。今回はこれらのフォームを計測対象として、仮想ページビューの設定を行いました。 当社では、Googleアナリティクスの前世代であるユニバーサルアナリティクス（以下UA）での計測設定もできていなかったので、まずはUAでの計測設定を進めました。そして目処が立ったところで、移行が必要となるGA4にも設定したいと思い、設定方法を調べてみたのですが… いざ調べてみると、202

Googleアナリティクス（GA4・ユニバーサルアナリティクス）、Googleタグマネージャー、サーチコンソールを使ったアクセス解析やサイト分析のノウハウを公開しています。

トリガー、新規からトリガーを追加します。 GTMで用意されているクリックのトリガータイプは「すべての要素」と「リンクのみ」の2種類です。クリック計測したい箇所によって使い分けます。 「すべての要素」トリガーはすべてのクリックに反応するのに対し、「リンクのみ」トリガーは別ページへのリンククリック(具体的にはaタグのクリック)に反応するトリガーです。 リンククリックには「リンクのみ」を、アンカーリンクやナビゲーションウィンドウを開いた時など、リンクではないクリックを計測したい場合は「すべての要素」クリックトリガーを使うようにしましょう。 3パターンの設定例 トリガータイプを選択できたら、問い合わせボタンや購入ボタンなど、特定の箇所がクリックされたときに反応するよう条件をつけ加えます。設定方法はHTML構造と計測箇所によって異なるため、3パターンの設定例をお伝えします。 リンク先URL 計測した

※2019-10-08 訂正：スポンサードサーチで「電話発信」タグを利用する際には、あわせて「オンクリックイベントタグ」の設置も必要となりますので、訂正させていただきました。 もはや生活必需品としての地位を確立しているスマートフォン。法人向けの商材など一部の広告を除き広告の配信回数もモバイルのほうが多いことがほとんどではないでしょうか。 たとえば、ウェブサイトではユーザーのアクションが完結せずに必ず電話が必要になったり、問い合わせの大半が電話経由など、広告主のビジネスにおいて電話での連絡が重要となる場合は電話発信も計測しておくのがおすすめです。 以前は、ウェブサイトへ直接コンバージョンタグを設置する方法をご紹介しましたが、現在ではタグの管理にGoogle タグマネージャーを利用している方も増えてます。タグを直接貼り付けてしまうとなかなかできない、タグの動作検証までがタグの本番アップロード前

タグテンプレートを利用するメリット・デメリット タグテンプレートを利用することで、タグのアップデートがあった際、タグのコピペ作業の必要はなく、テンプレートを更新するだけで、アップデートが完了するため、実装しなおす手間がかかりません。 （※GTM上のタグの設定を少し変更しなければならない場合もありますが…。） ただし、タグテンプレートのアップデートはタグのアップデートから少し日にちがたってから実装されるケースが多いので、『タグのアップデートがあれば、最速で実装したい！』という方はアップデートされるたびにカスタムHTMLで実装or更新していただくことをオススメします。 Yahoo!広告で実装するタグ １．Yahoo!サイトジェネラルタグ ２．Yahoo!検索広告サイトリターゲティングタグ ３．Yahoo!検索広告コンバージョン測定タグ ４．Yahoo!ディスプレイ広告（運用型）サイトリターゲテ

【2020年7月追記】 2020年3月下旬に「コミュニティテンプレートギャラリー」へYahoo広告のタグ類が追加されたことで、Yahooのタグ類もシンプルに設定できるようになりました。そこで、昨年11月に執筆したこのコラムに加筆修正し、上記テンプレートからタグを設定する手順を末尾に追記することにしました。 尚、昨年11月に執筆したYahooタグの設定の仕方は、カスタムHTMLでGTMに記載する方法で紹介しています。コミュニティテンプレートはカスタムHTMLを利用しなくてもYahooタグを設定できる方法ですので、両側面を知っていただければ幸いです。 ―・―・2019年11月執筆のコラム・―・― つい先日、Yahooからサイトジェネラルタグに拡張機能がついたとアナウンスがありました。 Yahooサイトジェネラルタグは、2018年の夏頃にお目見えしたタグですが、当時から導入されている方は多くない

本ページは Google タグマネージャ(以下GTM) がすでに導入済みのWebサイトにKARTEタグを設置するケースを想定しています。 なお、本記事ではWebサイトからKARTEのタグにデータを連携する代表的な方法として、GTMの「データレイヤー変数」およびGTMの「カスタムイベント」を使った方法を紹介します。 注意点Webサイト側の改修が必要なケース次のようなケースでは、GTM上の設定だけでKARTEのタグ設置が完結せず、Webサイト側の改修が必要になることがあります。 WebサイトにGTMが導入されていない場合 KARTEに連携したい情報がそもそもWebページ上に出力されていない場合 KARTEのタグ配信に必要なdataLayer変数の連携やGTMカスタムイベントの発生に必要なサイト側実装がされていない場合 具体的には、GTMのdataLayerにデータを追加するための dataLa

タグ配信の期間を設定して、自動的に配信・停止する方法 [Googleタグマネージャv2の使い方] 2015年12月9日 2019年4月4日 タグマネージャ netotas Googleタグマネージャをつかって、特定の日時にのみタグを配信したいことがあります。 その具体的なタグの予約配信の設定方法や注意点について説明します。 Googleタグマネージャのタグ配信スケジュールの使い方 Googleタグマネージャにはタグ配信スケジュール機能があります。具体的には、タグの配信・停止したバージョンを作成し、公開するといった方法です。 タグ配信スケジュールはどんな時に使うの？ 期間を限定して、広告配信用のリマーケティングリストを作成したいとき Google AdWordsやYahooプロモーション広告のキャンペーンと連動してコンバージョンタグを厳密に配信したいとき サイト公開にあわせて、Googleア