当ページのリンクには広告が含まれています。 Basic setting AFFINGER

AFFINDER6【イベントラベルの使い方】カスタムボタンのクリック数を計測

AFFINDER6【イベントラベルの使い方】カスタムボタンのクリック数を計測

こんにちは "osaboo"です。"@osaboo_Bot"

Question
Question

カスタムボタンの「イベントラベル」の使い方を知りたい。
記事にカスタムボタンを作ったけど…何回クリックされているか知りたい。

そもそも…「イベントラベル」ってなに??

\\ このような「疑問を解決する」お手伝いをします!//

AFFINGER6 のカスタムボタンをGoogle Analytics(アナリティクス)と連携すればボタンのクリック数が確認できるよ。

osaboo
osaboo

こんな方におすすめ!

  • 記事に設定したボタンのクリック数が知りたい。
  • ASPのレボートのリンククリック数をもっと細かく知りたい。◀︎「どのボタンがクリックされたのか?」
  • より詳細にユーザーの動向を分析したい。

この記事でわかること!

  • イベントラベルとは?
  • Google Analytics▶︎イベントラベルの設置
  • ホーム画面にイべントラベル(カスタムボタン)を表示

今回の記事では…

AFFINGER6のカスタムボタンの標準機能で、Google Analytics(アナリティクス)と連携する方法をご紹介します。この設定で記事に設置されたカスタムボタンが何回クリックされたのかをアナリスク側で確認できる様になります。 投稿・固定ページの分析に役立つ便利な機能なので是非使ってみてください。

それではご覧ください。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

イベントラベルとは?

イベントラベルとは?

AFFINGER6には、「STINGERカスタムボタン(リンクボタン)」を「Google Analyticsのイベントラベル(イベント)」に紐付けて連携させる機能が標準で搭載されています。Google Analyticsでは、ユーザーがある行動を起こしたときに「イベント」を発生させ、計測できるようになっています。例えば、リンクボタンをクリックしたとき「クリックイベント」を発生させてGoogle Analyticsのレポートでクリック回数を計測するという仕組みです。

?ちょっとむずい…ので簡単に

カスタムボタン(リンクボタン)にイベントラベルを追加するとアナリティクスで「クリック数・日付等」が、確認出来るようになる。(アナリティクスの設定要)
こんな感じ!

osaboo
osaboo

Google Analytics▶︎イベントラベルの設置

Google Analytics▶︎イベントラベルの設置

それでは、カスタムボタンの設置からアナリティクスの設定までをご紹介します。

カスタムボタンを設置

クリック数を計測する『カスタムボタン』を作成します。(※ 通常のカスタムボタンを作成します。)

記事編集画面で『 + >STINGER:カスタムボタン』を選択してボタン名と「色・幅・リンク」等の設定して、右側の「ブロック」タブメニューを下にスクロールして次へ。

記事編集画面-STINGER:カスタムボタン
※ 記事作成画面 ◀︎ 投稿・固定記事の作成する画面

※ 上画像の「サンプルボタン」は内部リンクを使用していますが、本来は広告等をリンク付けをした「カスタムボタン」がおすすめです。例えば「●●●の購入はこちら」みたいな感じのボタンにイベントラベルをつけるのが良いかと。

yajirusi-sita-80x40

イベントラベルを設置

右側の「ブロック」タブメニューで『Google Analyticsのイベントラベル』が表示される位置までスクロールします。

『Google Analyticsのイベントラベル』に任意の名前を入力します。

Google Analyticsのイベントラベル

※『Google Analyticsのイベントラベル』の名称は分かりやすい任意(自由)の名称で構いません。

「名称はアルファベット小文字が推進です。」

例えば、上画面のサンプルだと『blog-assy』という感じですかね。

yajirusi-sita-80x40

Google Analyticsで確認

※ ボタン登録から数日経ってからでないと反映されないので注意しましょう。

※ UA:ユニバーサルアナリティクスを対象とした手順説明になります。

『WordPress管理>Site Kit』をクリックして、❶ ❷ を処理します。

WordPress管理-Site Kit
yajirusi-sita-80x40

アナリティクスの画面が表示されます。
カスタムボタンを作成したサイトが選択されているか、一応確認しておきましょう。

『すべてのサイトデーター』をクリックします。

アナリティクス-すべてのサイトデータ
yajirusi-sita-80x40

サイト名の下に「UA-●●●●●●」とあり右側に「✔️」が付いていれば「OK」です。

アナリティクス-すべてのサイトデータ-2

※ 複数のサイトを運営されている場合は特に注意してください。

yajirusi-sita-80x40

次に、「カスタムボタン」に登録した「イベントラベル」全体を確認しましょう。
左側のタブメニューより『行動>イベント>概要』を選択してクリックすると以下の画面が表示されます。

『イベントラベル』をクリックすると以下の画面の赤枠部に各々の情報が表示されます。

アナリティクス-すべてのサイトデータ-3

※ 左側のタブメニューで『概要』の下側 ▶︎ 『上位イベント』『ページ』で、「どのページでどの『イベントラベル(カスタムボタン)』がクリックされたか」等の詳細が確認できます。

初心者でも安心 コスパ最強の洗練されたWordPressテーマ/

AFFINGER6 購入 ▶︎ 詳しくはこちら

\\『すごいもくじLITE』が付いてくる!限定特典キャンペーン実施中!//

- 少しづつ増え続ける当サイトオリジナル特典付!-

購入方法で迷ったら…こちらで確認【特典付きを購入しよう!】

ホーム画面にイべントラベル(カスタムボタン)を表示

ホーム画面にイべントラベル(カスタムボタン)を表示する

アナリティクスの『目標』を登録すると、ホーム画面に「イベントラベル(カスタムボタン)」を表示することができます。確認しやすくなるので登録しておきましょう。

※ 前章の「イベントラベル」確認で充分という方は省いてください。

yajirusi-sita-80x40

『目標』の登録画面へ

それでは『目標』を登録していきましょう。
アナリティクスのホーム画面の左側のタブメニューから始めます。

左側のタブメニューより『管理』をクリックします。

アナリティクス-タブメニュー
yajirusi-sita-80x40

『目標』をクリックします。

アナリティクス-すべてのサイトデータ
yajirusi-sita-80x40

『+ 新しい目標』をクリックします。

アナリティクス-すべてのサイトデータ-4

※ 『目標』で管理できるのは、最高20個です。優先順位を考慮してイベントラベル(カスタムボタン)を選びましょう。

yajirusi-sita-80x40

目標設定

『目標設定』を記入します。

❶『◉カスタム』を選択して、❷『続行』をクリックします。

アナリティクス-すべてのサイトデータ-5
yajirusi-sita-80x40

目標の説明

『目標の説明』を登録します。

❶『名前』を入力し、❷『◉イベント』を選択して、❸『続行』をクリックします。

アナリティクス-すべてのサイトデータ-6
yajirusi-sita-80x40

目標の詳細

『目標の詳細』を記入します。

『❶カテゴリ=linkclick ❷アクション=click ❸ラベル=任意の名称』を入力して『保存』をクリックします。

アナリティクス-すべてのサイトデータ-7

以上で目標の登録が完了しました。▶︎ ホーム画面で「目標達成に向けた進歩状況は?」というカードが表示される様になりました。

ホーム画面に移動して、「目標達成に向けた進歩状況は?」を確認してみましょう。

完成!

アナリティクス-すべてのサイトデータ-8

※ カード下側の『目標サマリー > 』をクリックすると詳細が確認できます。

以上、AFFINDER6【イベントラベルの使い方】カスタムボタンのクリック数を計測 でした。

まとめ!AFFINDER6【イベントラベルの使い方】カスタムボタンのクリック数を計測

AFFINGER6 のカスタムボタンとGoogle Analytics(アナリティクス)を連携して、ボタンのクリック数やクリックされた日付等を把握できるイベントラベルの設置方法についてご紹介しました。サイト分析に役立つ機能で、AFFINGER6の標準機能で対応できるので是非か活用してみてください。本記事がお役に立てば嬉しいです。

「最後まで、ご観覧いただきありがとうございました。」
また、次の記事で…お会いしましょう。\^^/

WordPressテーマ

ACTION / AFFINGER6
コスパ最強のWordPressテーマ

action-affinger6-ex-1a

AFFINGER

WordPressテーマ

シンプル美と機能性両立を両立させた、圧巻のWordPressテーマ

SWELL

AFFINGER6_おすすめ記事!

【2023年版 Wordpressテーマ】AFFINGER6とSWELL徹底比較!両方使ってみた 1

WordPressテーマ「AFFINGER6とSWELL」を徹底比較。現役で両方使っている筆者が「こんな人におすすめ」を解説。テーマ選びで重要視するポイントやブロックエディターとクラシックエディターに関する注意点等、中立の立ち位置でご紹介。

【特典付き】AFFINGER6(ACTION)を使って2年目のレビュー!メリット・デメリットを完全解説 2

AFFINGER6とAFFINGER6EXの両方を使って3年目の本音レビューをご紹介。初心者が使った場合のメリットとデメリットを目線を合わせてご紹介。有料テーマをはじめて使う初心者の不安を解決!ブログ収益を加速させるオリジナル特典をご用意!しました。

AFFINGER6 初心者がオススメする購入方法【特典付きを購入しよう!】 3

WordPressテーマACTION(AFFINGER6)のおすすめ購入方法を初心者目線でご紹介。また購入後のダウンロードからインストールまでの手順を全画像付きで丁寧に解説。初心者が迷子にならない為の公式サイトの検索手順と注意事項もご紹介します。

AFFINGER6▶︎AFFINGERタグ管理マネージャー4 ver.4.1.1 の使い方! 4

AFFINGERタグ管理マネージャー4 ver4.1.1が2022/9/21にアップデートされ大幅に使いやすくなりました!表示機能も強化されグッと見やすなったリンク計測の表示など、アップデートの手順から広告用タグの作り方まで一気にご紹介します。

-Basic setting AFFINGER
-