如何:Flash嵌入式视频上的事件跟踪

时间:2012-09-10 10:04:24

标签: asp.net flash embedded-video event-tracking

我在带有C#网站的ASP.NET页面上有一个嵌入式视频。我想使用谷歌分析来跟踪这个视频的事件,例如按下播放按钮的次数。

这是我用来在网页上嵌入视频的代码:

<object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/whatever_-M4?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/whatever_-M4?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object>

如何在此视频播放器上进行事件跟踪? “播放”按钮嵌入在Flash播放器中...我应该使用Flash API来执行此操作吗?如果是,哪个,以及如何?

非常感谢!

1 个答案:

答案 0 :(得分:0)

结帐以下链接

link One

Link Two

link three

编辑:Example One Example Two For your scenario

组件如何工作?

要在您的环境中使用Flash跟踪组件,您可以使用Flash中的可视化工具,也可以直接在代码中设置跟踪对象。无论您是以可视方式还是通过代码设置组件,都可以提供以下元素:

网络媒体资源ID - 这也称为跟踪代码的UA编号,看起来像UA-xxxxx-yy,其中x和y被替换为与您的帐户对应的数字和对象的配置文件信息你在追踪。有关更多信息,请参阅Web属性。 跟踪模式 - 选择桥接模式或AS3模式。此模式确定您的跟踪与Google Analytics服务器的通信方式,详情如下所述。 调试模式 - 无论您使用哪种环境或跟踪模式,都可以打开调试以验证和测试您的跟踪。

跟踪模式

根据您分发Flash内容的方式,Analytics for Flash组件可通过桥接现有Google Analytics跟踪安装上的Flash内容之间的通信或直接与Analytics服务器通信来与Analytics服务器进行通信。这两种模式分别称为桥接模式和AS3模式。两种模式都使用相同的Google Analytics跟踪功能,并且可以轻松地将Flash应用程序从一种模式切换到另一种模式。除了为Google Analytics跟踪选择通信模式之外,您还可以使用调试模式对您的跟踪进行问题排查或验证。

在任一模式下,allowscriptaccess必须始终相等才能使广告系列跟踪正常工作。此参数启用对Flash跟踪代码所需的页面URL和引用者信息的读访问权限。如果没有allowcriptaccess,Google Analytics跟踪代码会优雅地降级。它仍然提供大多数用户活动数据,但不会向Google Analytics广告系列归因模型确认。 桥接模式

如果您同时控制HTML页面和Flash内容,请使用此模式。如果您已经在自己的网站上实施了Google Analytics(ga.js)跟踪,并且希望向嵌入式Flash内容添加跟踪功能,则此模式最佳。桥接模式通过为ga.js代码提供统一的ActionScript 3接口,简化了Flash到JavaScript的通信。它提供了从ActionScript 3调用到Analytics JavaScript的连接,以便使跟踪工作。

可以通过以下两种方式之一通过网络媒体资源ID参数配置与Google Analytics跟踪代码的连接:

最常见的方法。 Google Analytics跟踪代码对象已存在于您的网页上,并具有自己的名称,例如pageTracker。在这种情况下,您提供跟踪对象的完整DOM引用。例如,如果您的对象名为pageTracker,则可以在代码中将该对象引用为window.pageTracker。例如,以下代码段说明了如何使用带有ActionScript 3的Adobe Flex环境配置它:

tracker = new GATracker( this, "window.pageTracker", "Bridge", false );

替代方法。如果您尚未在页面上创建页面跟踪对象,则只需传入您的网络媒体资源ID,即可为您创建JavaScript跟踪代码对象。使用此方法,HTML页面上仍然需要引用基本ga.js javascript源文件。以下代码段说明了如何使用带有ActionScript 3的Adobe Flex环境配置它:

tracker = new GATracker( this, "UA-12345-22", "Bridge", false );

为了使桥接模式正常工作,必须在ActionScript 3代码中将ExternalInterface.available设置为true。这也意味着allowScriptAccess应始终设置为嵌入Flash内容的HTML页面。以下示例说明了为桥接模式配置的HTML代码:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     id="flex_component" width="800" height="600"
     codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
     <param name="movie" value="flex_component.swf" />
     <param name="quality" value="high" />
     <param name="bgcolor" value="#869ca7" />
     <param name="allowScriptAccess" value="always" />
     <embed src="flex_component.swf" quality="high" bgcolor="#869ca7"
         width="800" height="600" name="flex_component" align="middle"
         play="true"
         loop="false"
         quality="high"
         allowScriptAccess="always"
         type="application/x-shockwave-flash"
         pluginspage="http://www.adobe.com/go/getflashplayer">
      </embed>
</object>