他の部分はgtagの仕様なのでそのままにしておいてください。gtagだけを抜き出すと以下のようになっています。<値>});「アクション名」「カテゴリ名」「ラベル名」「値」の4つを自分で設定できることがわかります。GAではこれらの4つのどれか、あるいは併用したものを検知する目標を設定します。point「event_category」「event_label」「value」は必須ではありません。「value」が不要な場合は以下のように記述できます。「value」の値は数値である必要があります。(GA側の目標設定で数値しか入力できないため)また、設定した目標にvalueを含めている場合、クリックが発生するごとにその値が加算されていきます。0「アクション名」「カテゴリ名」「ラベル名」「値」とは何か?「アクション名」「カテゴリ名」「ラベル名」「値」とはそれぞれ、各名目でGAに送信される内容です。好きな名前をつけることができますが、以下のようにするのが一般的です。実行されるイベントを記載する。何に設置されたイベントかのくくりを記載する。クリックが発生するごとにこの値が加算されていきます。商品価格を記載することが多いです。「アクション名」を「クリック」、「カテゴリ名」を「リンク」、「ラベル名」を「ページ内リンク」、値を「1000」にする場合は以下のようになります。});"これをaタグのリンクの中に設置します。grid;)とは何か?要素の長さや位置の調整方法を実例で解説</a>これで指定のaタグをクリックすると、GAにイベントの情報が送られてくるようになります。Analyticsで目標を設定します。GAに移動して左カラムの一番下にある「管理」をクリックします。するとメニュー一覧が表示されるので、右端にある「目標」をクリックします。した目標は削除できません。代わりに何度でも編集することができます。実際に運用するときは、適切な内容になるように適宜変更してください。監視する目標に好きな「名前」を設定します。タイプは「イベント」を選択します。ここでは仮に目標名を「テスト1:カテゴリー」とします。設定が完了したら「続行」をクリックします。イベントの条件を設定するところがでてきます。ここが非常に重要です。クリックイベントで設定した「アクション名」「カテゴリ名」「ラベル名」「値」のうち、この目標ので監視したい項目”だけ”を入力します。(1つ以上の指定が必須です)ここでは「リンク」というカテゴリー名のついたgtagのクリックイベントが発火したときのみカウントするようにします。値は「等しい」(完全一致)以外にも「先頭が一致」するものを対象にしたり、正規表現で記載することもできます。選択することができます。point「アクション名」「カテゴリ名」「ラベル名」「値」で複数設定すると、掛け合わせた条件を満たす結果のみを集計することができます。作成が完了したら「保存」をクリックします。」と表示されたら設定は完了です。Analyticsでの目標設定ができたら、実際にクリックイベントを発火させて、GAで監視できるのか確認します。クリックイベントを埋め込んだサイトに行って、埋め込んだ要素を開発ツールで確認してみます。以下のように、仕込んだ「onclick=gtag(~)」が表示されていればOKです。リンクをクリックしてみましょう。Analyticsでクリックイベントが発火したかを確認します。左カラムの「リアルタイム」→「コンバージョン」を選択します。すると、以下のように表示されます。設定した目標が発火していることがわかります。以上でCVボタンの設定は完了です。選択した場合、発火したかどうかを確かめることはできません。このメニューの中の日付で当日を選択したとしても、リアルタイム反映はされません。▼これでは確認できません。このメニューはリアルタイムではないので、結果が反映されるまでに1時間ほど時間がかかります。時間が経過すればコンバージョンが反映されます。新規作成した目標は削除できません。代わりに何度でも編集することができます。編集するときは「目標」から目標の一覧を表示して、変更したい目標をクリックします。すると以下のように表示されるので「編集」という文字をクリックします。すると以下のように編集し直すことができます。イベントを測定するSEO「役に立った」と思ったら、記事のシェアをお願いします。Analyticsから自分のIPv4とIPv6アドレスを除外)SEO【SEO】Schema.orgページの見方と使い方。入れ子や複数のプロパティを持つ構造化マークアップを実装する方法。'NoneType'のエラー原因と対処法まとめ(初心者向け・実例でわかりやすく解説)2024/2/272024/2/27【CSS】メディアクエリ(@media)とは何か?使い方を実例で解説|.cssファイルやlinkタグでの画面幅以上・以下の指定(初心者向け、わかりやすい)2023/6/202023/10/1【画像で解説】WinSCPの使い方。pull(プル)とは何か?使い方を実例で解説|引数が無い場合の処理内容やFETCH_HEADとは何か?--rebaseオプションの使い方2023/7/182024/2/22カテゴリーPCHTMLDesignAffiliateCSS・SCSSrubyRailsSpreadSheetAffinityAppSheetDatabaseAppsScriptEditorStripeAWSLINEPHPECWordPressServerSquareVue.jsGeneralJavaScriptSEOgit/githubBrowserDockerJSONPythonCommandLaravelNode-jsサイト運営者shinWEB制作・エクステリアデザインを行う、山と自然大好きなプログラマー&デザイナーです。コロナを機に長野の山奥に移住、標高1200mの地で薪ストーブのあるログハウスで暮らしています。妻と子供をこよなく愛する1児の父。'NoneType'のエラー原因と対処法まとめ(初心者向け・実例でわかりやすく解説)2024/2/272024/2/27【CSS】メディアクエリ(@media)とは何か?使い方を実例で解説|.cssファイルやlinkタグでの画面幅以上・以下の指定(初心者向け、わかりやすい)2023/6/202023/10/1【画像で解説】WinSCPの使い方。pull(プル)とは何か?使い方を実例で解説|引数が無い場合の処理内容やFETCH_HEADとは何か?--rebaseオプションの使い方2023/7/182024/2/22[PR]【SEO】Schema.orgページの見方と使い方。入れ子や複数のプロパティを持つ構造化マークアップを実装する方法。r.children[i]}}}}}()タイトルとURLをコピーしました。