• <source id="4f28w"></source>

    1. 灝洋廊坊網絡公司專注于香河網站建設制作、香河網站優化!

      知識百科

      香河灝洋專業的網站建設公司,竭誠為您服務!
      當前位置:首頁>知識百科>推廣百科 > Google跟蹤代碼管理器 - 入門

      Google跟蹤代碼管理器 - 入門

      作者:灝洋網絡公司   瀏覽:   發表時間:2018-08-30  

      導讀:本章概述了如何開始使用Google跟蹤代碼管理器,添加代碼并對其進行全面分析。在完成整個過程的過程中,我們將使用博客(在上一章中創建)來演示不同的步驟。...


      本章概述了如何開始使用Google跟蹤代碼管理器,添加代碼并對其進行全面分析。

      在完成整個過程的過程中,我們將使用博客(在上一章中創建)來演示不同的步驟。

      工作區

      步驟1 - 如上面的屏幕截圖所示,單擊標簽Workspace Changes:0旁邊右上角的容器代碼(GTM-XXXXXXX)。

      您將看到“安裝Google跟蹤代碼管理器”對話框。

      安裝GTM

      現在,我們要在此博客上安裝Google跟蹤代碼管理器代碼。

      步驟2 - 要在博客上添加上圖中的GTM代碼,請訪問https://Blogger.com并使用您的憑據登錄。

      您將看到如下所示的屏幕,并在列表中顯示您的博客文章名稱。

      GTM代碼

      步驟3 - 從左側面板中找到選項:主題。

      您將看到以下屏幕。

      選項

      第4步 - 單擊編輯HTML以編輯博客的HTML代碼。將顯示您的博客的HTML源代碼,如下圖所示。

      單擊編輯HTML

      在這里,我們要安裝代碼Google跟蹤代碼管理器。根據GTM的指示,我們需要在以下位置插入代碼 -

      • 在<head>標簽中盡可能高
      • 在<body>標簽中

      第5步 - 在上面的HTML代碼中找到<head>標記。返回https://tagmanager.google.com并在上面的步驟1下的“安裝Google跟蹤代碼管理器”對話框中復制代碼。將復制的代碼正好粘貼在<head>標記開頭下。

      步驟6 - 同樣,在HTML代碼中找到<body>標記。

       - 您可以使用快捷鍵Ctrl + F查找<head>和<body>標記。瀏覽器搜索功能將派上用場找到標簽。

      找到<body>標記后,重復此過程以從Google跟蹤代碼管理器復制與<body>標記關聯的代碼。

      為了便于定位標記,<body>標記通常以<body expr:class ='“loading”+ data:blog.mobileClass'>開頭。

      將所需代碼粘貼到<body>標記下,然后單擊“保存主題”。

      它將顯示以下錯誤,并且看到該錯誤是正常的。

      保存主題

      第7步 - 要解決此問題,請在<head>標記下的Google跟蹤代碼管理器代碼中找到以下行: -

      j = d.createElement(s),dl = l != 'dataLayer'?' &l = '+l:'';j.async = true;j.src =

      &amp;替換上面一行中作為下劃線。然后單擊保存主題。錯誤將得到解決。

      以下是將Google跟蹤代碼管理器代碼添加到您的博客的過程。

      標簽簡介

      簡單地說,只需在Google跟蹤代碼管理器支持網站上,代碼就是一段代碼,可將信息發送給第三方,例如Google Analytics。

      從那里開始,就特定的分析工具而言,可以有多個標簽相關聯。將它們全部放在一個頁面中確實是一個優勢,因為產品營銷人員將看到與該頁面關聯的多個指標。

      但是,這里有一個同樣重要的注意事項,一個網站上的標簽應該不會過分。這不僅增加了管理標簽時的混淆,而且使得區分來自各種標簽的數據變得麻煩。

      我們在“安裝Google跟蹤代碼管理器”對話框中看到的以下代碼實際上是一個代碼。

      <!-- Google Tag Manager --><script>
         (function(w,d,s,l,i){
            w[l] = w[l]||[];w[l].push({'gtm.start':
            new Date().getTime(),event:'gtm.js'});
            var f = d.getElementsByTagName(s)[0], j = d.createElement(s),
            dl = l != 'dataLayer'?' &l = '+l:'';
            j.async = true;
            j.src = 'https://www.googletagmanager.com/gtm.js?id='+i+dl;
            f.parentNode.insertBefore(j,f);
         })
         (window,document,'script','dataLayer','GTM-M8QLQCZ');</script><!-- End Google Tag Manager -->

      標簽的位置

      標記的位置可以是頁面源代碼中的任何位置。它可以像上面那樣位于頂部,也可以位于頁腳中傳輸所需的信息。

      以上是對Tag的快速介紹以及如何創建它。

      觸發器

      觸發器實際上會檢測何時觸發標記。這些是用于配置要觸發的標記的一組規則。例如,當用戶執行“Y”動作時,觸發器可以決定觸發特定標簽“X”。更具體地,當點擊特定形式的特定按鈕時,觸發器可以指示標簽觸發。

      觸發器是可以附加到標簽以實現所需方式的條件。一個真實世界的例子是,考慮為電子商務頁面上的成功交易配置標簽。

      標簽將指示交易是否成功執行。為此,將創建一個觸發器,即只有在向用戶顯示事務確認頁面時才觸發標記。

      更突出的是,考慮您要跟蹤博客/網站的所有頁面瀏覽量。因此,具體而言,您可以使用Google Analytics創建標記,當用戶訪問您博客/網站上的任何網頁時,該標記會被觸發。在這種情況下,觸發器將是通用的,在所有頁面上觸發此標記。觸發器將相應地設置。

      觸發器有時會變得復雜。例如,如果有人單擊特定頁面上的按鈕,則觸發標記。

      如下圖所示,您可以通過單擊屏幕左側面板上的“觸發器”來訪問觸發器。

      單擊“觸發器”

      由于尚未配置任何觸發器,因此您將看不到觸發器上的任何結果。

      觸發器

      變量

      基本上,變量是可以改變的值。

      例如,讓我們考慮一個簡單的鏈接點擊。單擊鏈接時,會有一些使用此單擊事件收集的內置變量。這些變量最終可用于記錄鏈接,當用戶單擊特定鏈接按鈕時,該鏈接將被重定向。

      進入一些細節,您還可以使用變量記錄單擊的元素的特定div類。它們被稱為變量,因為如果頁面上有10個不同的鏈接按鈕,則這些鏈接按鈕的重定向將會發生變化,具體取決于單擊哪個元素。

      您可以使用左側面板并單擊“變量”來訪問變量。

      變量

      Google跟蹤代碼管理器提供兩種類型的變量 -

      • 內置變量
      • 用戶定義的變量

      如名稱所示,您可以使用Google跟蹤代碼管理器提供的現有變量,也可以創建自己的變量。

      讓我們考慮一個例子,看看標簽是如何運作的。我們現在將使用Google跟蹤代碼管理器調試代碼。

      調試標簽

      在本章的初始部分,我們花了一些時間將Google跟蹤代碼管理器跟蹤代碼添加到Blogger.com上的博客中。

      這是讓Google跟蹤代碼管理器識別我們的跟蹤代碼的第一步。如果您仔細觀察,在<head>標記中包含的腳本中,存在GTM-XXXXXXX格式的Google跟蹤代碼管理器跟蹤代碼。

      現在,在調試標簽時,使用Google跟蹤代碼管理器界面非常簡單。我們將使用基本Google Analytics標記進行演示。我們假設Google Analytics帳戶已存在。

      創建基本Google Analytics標記

      在Google跟蹤代碼管理器中,要創建代碼,需要執行各種步驟。要了解每個細節,讓我們考慮以下屏幕。

      創建標簽

      第1步 - 單擊“添加新標簽”按鈕。

      右側的面板將滑動以開始創建新標簽的過程。這將顯示一個無標題的空白標記供您配置。

      添加標簽

      第2步 - 為您的代碼提供名稱。讓我們給它起名字 - First Tag。

      第3步 - 完成后,單擊文本/圖標 - 選擇標簽類型以開始設置....

      另一個面板將從右側滑動,將顯示以下標記類型。

      面板

      正如我們在定義中看到的,有不同的標簽與不同的分析工具相關聯。在此特定步驟中,Google跟蹤代碼管理器要求您指定要創建的標記的確切類型。

      你會注意到一些標簽類型如下 -

      • 通用分析
      • 經典Google Analytics
      • AdWords再營銷
      • Google Optimize

      注意 - 通用分析是Google Analytics的增強版和最受歡迎版。但是,有許多網站使用經典Google Analytics。

      對于此示例,我們繼續指定Universal Analytics。

      第4步 - 單擊“通用分析”繼續。控件將切換回上一屏幕,您將需要選擇要跟蹤的內容。請參閱以下屏幕截圖以供參考。

      點擊Universal Analytics

      步驟5 - 選中此標記中的啟用覆蓋設置。

      注意 - 我們正在使用此步驟以便更快地熟悉Tag Creation。您可以繼續創建Google Analytics設置變量,而無需檢查上述復選框。

      第6步 - 打開Google Analytics界面。在Google Analytics中,找到首頁上的按鈕ADMIN。在屬性部分下,單擊屬性設置。您將能夠看到類似于以下內容的屏幕。

      Google Analytics界面

      第7步 - 復制跟蹤ID。跟蹤ID的格式為UA-XXXXX-X。

      第8步 - 復制跟蹤ID后,返回Google跟蹤代碼管理器界面。如前所示,將跟蹤ID粘貼到關聯的文本框中。

      現在,我們即將配置標記的重要元素 - 觸發器。

      我們將指示Google跟蹤代碼管理器,如果用戶查看該頁面,則應該觸發該代碼。為此,我們應該使用屏幕上的下一部分配置觸發器。

      第9步 - 單擊選擇觸發器以使此標記觸發...

      對話框將從左側滑動,要求您選擇觸發器。它將顯示觸發器,如以下屏幕截圖所示。

      觸發顯示

      第10步 - 單擊所有頁面。

      控件將返回標簽配置屏幕。單擊右上角的藍色SAVE按鈕。您已成功配置第一個標簽!

      步驟11 - 現在進入調試模式,單擊灰色的PREVIEW按鈕。

      預覽按鈕

      如上面的屏幕截圖所示,將顯示一個橙色框。這表示調試模式已打開。使用可用鏈接訪問您的博客。

      第12步 - 現在,當您訪問博客時,您應該能夠在博客上看到顯示Google跟蹤代碼管理器調試部分的部分。

      調試部分

      此外,如果您仔細觀察,在本頁面上的標簽下會顯示第一個標簽。這表明我們的標記在成功的頁面視圖中被觸發。

      步驟13 - 在調試部分中,單擊“變量”。然后,單擊左側面板上的Window Loaded。此操作意味著我們正在選擇一個操作來分析由于該操作而加載的變量。

      它將顯示變量部分,如下面屏幕截圖中的綠色框中所示。

      變量部分

      在我們進入下一章時,您可以更清楚地分析變量。



      本文由廊坊網絡公司編輯整理。

      本網站中部分原創內容,版權由香河灝洋網絡所有,如轉載請標注文章鏈接,違者必究。


      相關文章
      • 售前電話:17326913295
      • 售后電話:17326913295
      • 聯系郵箱:1042551829@qq.com
      • 聯系地址:廊坊香河縣新華大街興業家園

      首頁 | 建站百科 | 推廣百科 | 營銷百科 | 網站建設 | 網絡優化 | 常見問題 | 聯系我們 | 網站地圖 | bcmul()函數

      公司分站:瀏陽網站建設 | 三河網站建設 | 大廠網站建設

      三河網站制作 | 三河做網站 | 三河網絡公司 | 大廠網站制作 | 大廠做網站 | 大廠網絡公司 | 香河網站設計 | 三河網站設計 | 大廠網站設計 | 香河網站制作

      香河灝洋網絡公司|專注于香河做網站、香河網站建設、香河網站優化、香河網站托管等業務! 

      '); })();
      欧美人与动牲交免费观看一_日本av免在线费播放不卡_午夜爽爽爽男女免费观看hd_诱人的女老板中文字幕_新视觉6080_乱欧美式禁忌仑片