質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

271閲覧

Youtube APIで動画の視聴完了を計測したい - javascript で完了したことが分かるパラメータを付与してリクエストを送信したい

tellme

総合スコア1

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2023/05/29 06:54

実現したいこと

Youtube APIを使って以下の操作をしたい

  • ページ内に指定のIDのyoutube動画を表示したい
  • IDはユーザが設定を変更することで可変で設定できるものとしたい
  • Youtubeの再生ステータスを取得して、終了したら指定のURLパスにパラメータを付与して

トラッキングのためのリクエストを送信したい

ここに質問の内容を詳しく書いてください。

添付のコードがあっているか、きちんと動作するか、フォーマットを含めて
アドバイスをお願いいたします。
(こちらのコードを動かしたのですが、思うように動かずトラッキング用の
リクエストが飛ばなかったため)

発生している問題・エラーメッセージ

該当のソースコード

javascript

1<div style="text-align: center; paddnig-right: 10px !important;"> 2<div id="player"></div> 3</div> 4<script>// <![CDATA[ 5// Load the IFrame Player API code asynchronously. 6 var tag = document.createElement('script'); 7 tag.src = "https://www.youtube.com/player_api"; 8 var firstScriptTag = document.getElementsByTagName('script')[0]; 9 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 10 11 // Replace the 'ytplayer' element with an <iframe> and 12 // YouTube player after the API code downloads. 13 //videoIdのところを書き換えてください 14 var player; 15 function onYouTubePlayerAPIReady() { 16 player = new YT.Player('ytplayer', { 17 height: '360', 18 width: '640', 19 videoId: 'tYsPoMmqKX0', 20 events: { 21 'onStateChange': onPlayerStateChange 22 } 23 }); 24 } 25 26 // API calls this function when the player's state changes. 27 function onPlayerStateChange(event) { 28 var player = event.data; 29 } 30 31 switch(event.data) { 32 //Send video started event to Markeo 33 case YT.PlayerState.PLAYING: Munchkin.munchkinFunction('visitWebPage', { 34 url: '/video/'+videoId 35 , params: 'video=started' 36 } 37 break; 38 //Send video finished event to Marketo 39 case YT.PlayerState.ENDED: Munchkin.munchkinFunction('visitWebPage', { 40 url: '/video/'+videoId 41 , params: 'video=finished' 42 } 43 break; 44 } 45// ]]></script>

試したこと

このコードをページに埋め込んで指定のトラッキング用リクエストが送信されるか
確認したが、リクエストが送信されなかった

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2023/06/03 02:58

かっこの対応があっていないようです。文法エラーが出ていませんか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問