Help us understand the problem. What is going on with this article?

サイト内の動画をGoogleアナリティクスで計測したい(WordPressの場合のおまけ付き)

More than 1 year has passed since last update.

仕様

  • 動画の再生回数をGoogleアナリティクス(イベントトラッキング)で計測したい
    • WordPressの投稿本文部分で入れた動画も計測したい
    • Youtubeなど外部サイトの動画は含めなくて良い
  • 1回再生したら1カウント。一時停止後の再生は含めない

コード

movie.js
// video ga
var video = $('video');
var video_url = '';
if( video.length > 0 ){
    var isPlay = false;
    video.on('play playing',function(){
        if( isPlay === false ) {
            video_url = $(this).attr( 'src' );
            // Googleアナリティクス analytics.js の場合
            if ( typeof ga === 'function' ) {
                ga( 'send', {
                    hitType: 'event',
                    eventCategory: 'Videos',
                    eventAction: 'play',
                    eventLabel: video_url
                });
            }
            isPlay = true;
        }
    });
    video.on('ended',function(){
        if( isPlay === true ) {
            isPlay = false;
        }
    });
}

WordPress本文部分にアップロードした動画を埋め込んだ場合、単純な video タグではなく mediaelement.js が使われているので、イベントに playing を併記するのがポイント。
(mediaelement.jsを使ってなければ入れる必要なし)

同一ページ内に複数の動画ある場合。

video タグにIDを付与するなどして、再生フラグの変数を動的にすれば良いと思うよ(未検証)

現場からは以上です。

gatespace
仙台で働く(株)デジタルキューブ(め組)の Director。 _s Contributor / JAWS-UG 東北 / 網元起動隊
https://gatespace.jp/
digitalcubeinc
デジタルキューブは AWS Partner Network (APN) アドバンスドテクノロジーパートナーです。
https://ja.amimoto-ami.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした