実現したいこと
Youtube APIを使って以下の操作をしたい
- ページ内に指定のIDのyoutube動画を表示したい
- IDはユーザが設定を変更することで可変で設定できるものとしたい
- Youtubeの再生ステータスを取得して、終了したら指定のURLパスにパラメータを付与して
トラッキングのためのリクエストを送信したい
- トラッキングしたいシステム:Marketo
- 参照するJavaScript APIドキュメント:
https://developers.marketo.com/javascript-api/lead-tracking/api-reference/#munchkin_init
ここに質問の内容を詳しく書いてください。
添付のコードがあっているか、きちんと動作するか、フォーマットを含めて
アドバイスをお願いいたします。
(こちらのコードを動かしたのですが、思うように動かずトラッキング用の
リクエストが飛ばなかったため)
発生している問題・エラーメッセージ
該当のソースコード
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/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
かっこの対応があっていないようです。文法エラーが出ていませんか?

あなたの回答
tips
プレビュー