ブログやサイトのページ上に、動画プレイヤーを埋め込むことってありませんか？

ブログやサイトを作成する為の言語の規格「HTML5」が登場してからは、動画を埋め込むのも簡単になりました。

画像を埋め込む＜img＞タグと同じように、＜Video＞タグを使うことで一瞬で入れられます。

簡単に使える＜Video＞タグですが、そのままではどのくらい再生されたかっていうのは、わかりません。

…けど、動画がどのくらい再生されたのか知りたくないですか？

というか、僕がつい先日そう思いました。

Googleのアクセス解析「Googleアナリティクス」を使えば、再生回数を簡単にカウントすることができます。

アナリティクスで動画の再生数をカウントする方法。

Googleアナリティクスの登録方法や使い方については今回すっ飛ばして、再生数をカウントする方法だけを紹介しますね。

まずはGoogleアナリティクスのページで設定を。

Googleアナリティクスのホームを開いたら、左側のメニュー内にある「管理」をクリック。↓

画面が切り替わったら「目標」をクリック。ページの右側にあるはず。

赤い「新しい目標」ボタンをクリックしましょう。

設定画面に切り替わります。

「メディア再生」にチェックつけて「続行」→後から見て何かわかるように名前をつけて「イベント」にチェックつけて「続行」。

その後は下の画像の様な感じに入力していきます。

ここは画像と同じじゃなくて、自分でわかるように入れていけばOK。

「値」は開けておいてもいいんじゃないですかね。

最後に「保存」を押してGoogleアナリティクスのページでは準備完了。

＜Video＞タグ内にコードを追記。

カウントしたい＜Video＞タグ内に、下記の専用のコードを入れます。

例えば、

といった感じ。「値」は設定していないので記載しません。

ただ、これだと問題が。

動画が再生されたときにカウントされるのではなく、動画上でクリックしたときにカウントされてしまいます。

だから、

とします。

…すると無事、動画が再生されたときにカウントされるようになります。

無事できていたら、Googleアナリティクスのページの「コンバージョン」から、カウントをチェックできるようになります。

【2018年11月22日】匿名の読者さんからダブルクォーテーションが全角になっていたと間違いを教えていただき、修正しました。ご連絡ありがとうございます！

まとめ

今後、動画を使う機会はどんどん増えていくと思うので集計をとって次の動きに活かしたいですよね！

ということでまた明日も朝8時に記事を更新しますので、ブックマーク＆チェックお願いしますね！

あと、このページをSNSでシェアするのも是非お願いします。ではまた明日！