2012-09-10 50 views
0

我在C#網站的ASP.NET頁面上嵌入了一個視頻。我想使用谷歌分析來跟蹤這個視頻上的事件,比如播放按鈕被按下了多少次。如何在Flash嵌入式視頻上跟蹤事件

這是我用來嵌入網頁上的視頻代碼:

<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來執行此操作嗎?如果是這樣,哪個和怎麼樣?

非常感謝!

回答

0

結帳以下鏈接

link One

Link Two

link three

編輯:Example OneExample Two For your scenario

如何該組件的工作?

爲了在您的環境中使用Flash跟蹤組件,您可以使用Flash內部的可視工具,也可以直接在代碼中設置跟蹤對象。無論您是以可視方式還是通過代碼設置組件,您都可以提供以下元素:

網絡媒體資源ID - 這也稱爲您的跟蹤代碼的UA號碼,看起來像UA-xxxxx-yy,其中x和y用您正在跟蹤的對象的帳戶和配置文件信息所對應的數字替換。有關更多信息,請參閱Web Property。 跟蹤模式 - 選擇橋模式或AS3模式。此模式確定您的跟蹤與Google Analytics服務器的通信方式,下面將對此進行詳細介紹。 調試模式 - 無論您使用哪種環境或跟蹤模式,都可以打開調試以驗證和測試您的跟蹤。

跟蹤模式

取決於你如何分發您的Flash內容,Flash組件Analytics(分析)傳送給分析服務器或者通過橋接在現有的數據分析中的Flash內容之間的通信跟蹤安裝,或直接與Google Analytics服務器通信。這兩種模式分別稱爲網橋模式和AS3模式。兩種模式都使用相同的Google Analytics跟蹤功能,並且可以輕鬆地將Flash應用程序從一種模式切換到另一種模式。除了爲Google Analytics(分析)跟蹤選擇通信模式之外,您還可以使用調試模式對您的跟蹤進行疑難解答或驗證。

在任一模式下,爲使活動跟蹤正常工作,allowcriptaccess必須始終等於。此參數啓用對Flash跟蹤代碼所需的網頁網址和引薦來源信息的讀取訪問權限。如果沒有allowcriptaccess,Google Analytics跟蹤代碼將會優雅地降級。它仍然提供大多數用戶活動數據,但不會確認Google Analytics廣告系列歸因模型。 橋接模式

如果您同時控制HTML頁面和Flash內容,請使用此模式。如果您已經實施Google Analytics(分析),則此模式最適合。js)在您的網站上進行跟蹤,並且您希望將跟蹤添加到嵌入式Flash內容。橋模式通過向ga.js代碼提供統一的ActionScript 3接口來簡化Flash到JavaScript的通信。它提供從ActionScript 3調用到Analytics JavaScript的連接,以便進行跟蹤工作。

最常用的方法:

到谷歌Analytics跟蹤代碼的連接可以通過網絡媒體資源ID參數的兩種方式之一進行配置。 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源文件。下面的代碼段說明了如何將使用Adobe Flex環境ActionScript 3的配置:

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

爲了橋接模式才能正常工作,ExternalInterface.available必須在您的ActionScript 3代碼設置爲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> 
+0

這看起來很複雜。我如何在我的網站上實際執行此操作?我試圖在這裏實現「鏈接三」,但鏈接中的信息並沒有說明如何去做......感謝KnowledgeSeeker! – code2b

+0

用戶正在關注的鏈接https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide#Anatomy – Learning

+0

我添加了一個應該幫助你的例子 – Learning

相關問題