0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Google Tag Manager での YouTube視聴数計測ができない時

Last updated at Posted at 2020-06-11

#WEBサイトを作った! YouTubeを埋め込んだ! 視聴計測、、、できない!
まず結論:埋め込み方法を統一する。

誰か(未来の自分含む)の役に立ちますように。

##経緯と結論
クライアントから突如相談がありました。

YouTube視聴数を計測したいんですが、JSがエラー吐いているのが原因でうまく計測できないんです。
エラーを解消してもらえませんか?

そもそも広告目的の計測が初めてで、Google Tag Manager すら知らなかった僕。
よく分からないままに、とにかくエラーを解消するために奔走。
エラー内容は、YoutubeAPIから出ているものでした。

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ...

色々ためしたが、解消できず、、、

そんななか、クライアントのエンジニアの方からのご指摘で、
Google Tag ManagerからもYoutubeのiframe_apiタグが挿入されているね 動画視聴計測のために入ってるんでしょうね。多分。
とのこと。

となると、このjsエラーは計測できない原因では、なさそう。

とーするとー、なんで計測できないのか?
全く分からない。試行錯誤してみることに。

-Basic認証かかってるかかってない。(関係なかった)
-iframe埋め込みしたものの計測、計測できた!
-jsで埋め込んだもの、計測できた!

あれ、じゃあなんで問題のサイトでは計測できていなんだ?
自分で試したサイトでもYouTubeAPIのエラーは出ているのに、、、

そこで再度、クライアントから指摘が。
計測はできているけど、計測したい動画じゃない別の動画の情報だけ上がってきてるね

問題のサイトでは、背景動画をループで再生させていて、その動画だけ計測できていた模様。
しかも自動再生。
スマホにも対応するために、jsから埋め込み。
それ以外はiframe embed。
これ、、、なのか、、、?

試しに分けてみることに。
すべて iframe embed にすると、、、計測できる!
すべて js埋め込み にすると、、、計測できる!

解決できました!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?