337 人が現在オンライン
337 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

audio要素の再生バーのクリック回数計測

初級者 ✭ ✭ ✭

こんばんは。

 

<audio src="Waveファイルのあるフォルダ名/Waveファイル名" controls> </audio>

 

この1行だけで、

任意の音楽を鳴らす再生バーを自分のページに表示しているのですが、

この再生回数をアナリティクスで表示できないかと思い、調べると、

 

https://www.ja.advertisercommunity.com/t5/%E3%82%A2%E3%83%8A%E3%83%AA%E3%83%86%E3%82%A3%E3%82%AF%E3%...

 

このようなページがあったものの、

自分とは書き方が違うせいでしょうか、難しくて、よくわかりませんでした。

 

以下は、テスト用に作ったページまるごとのソースです。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
</head>

<body>
<audio src="Waveファイルのあるフォルダ名/Waveファイル名" controls> </audio>
</body>
</html>

 

ボディーに1行書いているだけです。

あとはこれに、何を書き足せば、再生回数を調べることができるでしょうか?

1 人のエキスパートが返信verified_user

Re: audio要素の再生バーのクリック回数計測

レジェンド
こんにちは。

おおせの投稿では、JavaScriptという技術を用いて、再生ボタンなどのクリッ
ク計測を試みています。

基礎スキルとして、まずは技術的に、

Googleタグマネージャと、JavaScriptというプログラム言語のjQueryという
プログラム部品の理解するところからはじめますと良いかと思います。
(厳密にはjQueryとは言わないかもしれませんが、JavaScriptのイベントリ
スナーという技術など)

よろしくお願い致します。
------
文責:カグア!

Re: audio要素の再生バーのクリック回数計測

トップコントリビューター

ある程度のGoogleタグマネージャの知識がある前提ですが、記載いただいた投稿におけるカスタムHTMLタグの箇所を

 

$(function() {
  $('audio').on('play', function(e) {
    var AudioText = $(this).attr("src");
    dataLayer.push({
      "event" : "Audio Click Event",
      "eventCategory" : "Audio Click",
      "eventAction" : AudioText,
      "eventLabel" : null,
      "eventValue" : null
    });
  });
});

に置き換えれば動くかと思います。

Re: audio要素の再生バーのクリック回数計測

初級者 ✭ ✭ ✭
返信ありがとうございます。
OSの再インストールがあり、返答が遅れました。
解決したらまた書き込みます。

Re: audio要素の再生バーのクリック回数計測

初級者 ✭ ✭ ✭
返信ありがとうございます。
PCの不調のため、返信が遅れました。
コードをいただき、ありがとうございます。
今から試し、解決したらまたお知らせします。
このトピックのエキスパート
山田 良太