0

我在带有 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 来执行此操作吗?如果是这样,哪个,以及如何?

非常感谢!

4

1 回答 1

0

结帐以下链接

链接一

链接二

链接三

编辑:示例一 示例二适用于您的场景

组件如何工作?

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

网络媒体资源 ID - 这也称为跟踪代码的 UA 编号,类似于 UA-xxxxx-yy,其中 x 和 y 替换为与您正在跟踪的对象的帐户和个人资料信息相对应的数字. 有关详细信息,请参阅网络媒体资源。跟踪模式 - 选择桥接模式或 AS3 模式。此模式决定了您的跟踪如何与 Analytics 服务器进行通信,并在下面详细描述。调试模式——无论您使用哪种环境或跟踪模式,您都可以打开调试以验证和测试您的跟踪。

追踪模式

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

在任一模式下,allowscriptaccess 必须始终等于才能使活动跟踪起作用。此参数打开对 Flash 跟踪代码所需的页面 URL 和引荐来源信息的读取权限。如果没有 allowscriptaccess,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 的 Adob​​e Flex 环境进行配置:

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

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

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

为了使桥接模式正常运行,必须在 ActionScript 3 代码中将 ExternalInterface.available 设置为 true。这也意味着在嵌入 Flash 内容的 HTML 页面中应该将 allowScriptAccess 设置为始终。以下示例说明了为桥接模式配置的 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>
于 2012-09-10T10:25:29.240 回答