框架 iframe 網站目標設定案例、Google Analytics 判斷相關



本篇文章重點關鍵字/標籤:

說到框架 iframe 網站目標設定..

今天並沒有要與大家討論框架 iframe 是不是已經是一種超級過時的網頁技術,也先不苦口婆心說明框架 iframe 裡面的內容因為不會被搜尋引擎 Spider 抓取回資料庫,導致對網站 SEO 與長期經營來看是一場萬劫不復級的災難等細節…

我們就單純從網站若非不得已現正瘋狂使用框架 iframe 又硬要在 Google Analytics 設定目標與檢視時,可能會需要知道的技術流程與數據產生可能,向各位進行案例分享嘍。

題外話:
先不談框架 iframe 是不是真的超級過時,不過有些時候某些頁面還真不想取得搜尋排名或被訪客複製原始碼,又或者是一些跟本身網站內容無關,但又不得不放在網站中讓訪客瀏覽時… 或許就可以反其道而行,利用框架 iframe 內容不會被搜尋引擎 Spider 收錄回資料庫之特性,將那些一定要頁面顯示的內容都放在框架 iframe 中喔…
(像下圖是國內某知名網路行銷相關資訊部落格首頁,假設現在真的非得要放廣告又不想把自己網站 SEO 能量分過去的話,或許就可以用 iframe 處理嘍(但前提當然是有該部落格原始檔..)。
且在此也順便祝這個國內首屈一指部落格格主關島結婚一切順利、愉快且幸福到不行嘍~~~)

國內知名部落格首頁截圖.jpg

先來看看 Google Analytics 怎麼看待框架 iframe 網站

如一篇 Google Analytics 官方針對框架 iframe 網站提出的說明(文章最後有連結)所說 “在使用頁框的網站上安裝 Google Analytics (分析) 追蹤程式碼時,請務必謹慎處理,以確保 Analytics (分析) 能正確追蹤流量” ,其中有幾個關鍵如下。

一、應將追蹤程式碼放在 frameset(父項也就是主) 網頁的 區段內,以及要追蹤的每個子頁框的 代碼正前方
二、若網站框架 iframe 中的內容資訊的網址若與 frameset (父項) 網頁網址不同,在參照連結網址的追蹤上就會被誤判是其他網站的推薦連結。
三、也因為 Google Analytics 追蹤程式碼放在 frameset (父項) 網頁與子框架中,所以當有訪客抵達此頁面時,工作階段(瀏覽數)會各加一次。
(其中一項與 Adwords 比較有關係,在此就不多提嘍..)

也就是說,若真的要在網站中使用框架 iframe 這技術時,在檢視 Google Analytics 相關報表時就要將上述狀況與誤差考慮進去了。

題外話:
有關框架 iframe 在 Google Analytics 說明中心所使用的字眼為 “頁框” 如封面圖,但實際上是在指同一個網頁技術。

頁框網站於 Google Analytics 難以避免的誤差.jpg

再來就是硬要在網站框架 iframe 頁面設定目標的案例分享

此一案例網站就是在最重要的線上預約流程中嵌入了 iframe, 導致我們在該頁面進行到每一個下一步流程時並不會更換網址,故除了無法順利在 Google Analytics 設定目標(iframe 嵌入原始碼如下方第一張圖)外,也無法像上週提到的,用目標設定來讓事實勝於雄辯。

但因為在這線上預約流程中被 iframe 嵌入的網頁網址與原本的根目錄網址相同,只是因為在框架網頁 上方沒有放入追蹤碼所以無法追蹤。而這時只要將主網的 Google Analytics 追蹤碼也放入子框架 iframe 網頁的 上方如下方第二張圖,接著再到管理員 > 目標流程中放入子框架網頁網址,就可以順利追蹤到數據,如此也可以進一步判斷到底是哪一個訪客來源的訪客最容易達成目標了。

題外話:
以上案例是針對相同網址的子框架網頁目標設定做介紹,若子框架網頁與主要網頁網址不同就需要做到跨網域追蹤,至於有關跨網域追蹤相關介紹文章在這篇文章最下方有參考連結…

iframe 嵌入截圖.jpg
框架網頁的 GA 追蹤碼安裝.jpg

在今天框架 iframe 網站目標設定辦法介紹之後…

雖然我們早在很久很久以前就於 “目標設定 – 實際連結目標網址達成確認” 介紹過目標程序設定,但畢竟因為版本久遠,所以若要查看較新版本的截圖,就可以還請各位移駕2014年年底在 “網站目標達成軌跡,就從這兩張報表進行檢視” 提到的介紹,且對於第一次來這網站的朋友還可以順便了解一下其他目標設定後的效益比較辦法嘍。

至於以下是在文章中提到,與今天內容主題相關且可以參考參考的網頁資訊:
一、首先是第一段提到的 Google Analytics 官方針對框架 iframe 網站提出的誤差說明與須知
二、再者是今天範例是針對相同網址的子框架網頁目標設定做介紹,若子框架網頁與主要網頁網址不同,就還請參考我們曾經在 “[gaq]購物車、超商取貨等第三方網頁於購物流程中的跨網域追蹤” 提過的跨網域追蹤辦法吧。
三、文章中有提到上週發表的勝敗論英雄辦法如 “都 2015 了,就讓我們別再於 Google Analytics 鑽牛的角尖吧” 所提。

Google Analytics 目標設定頁面.jpg




有關這位努力看見數據的人

蔡先生

共同創辦人/專案總監 業務接洽/聯絡方式..
Email Address: ada@awoo.ai / Line ID: 539406

目前主職 awoo MarTech 技術 nununi 推廣暨服務顧問,且深耕 SEO & Google Analytics 技術多年,曾有幸擔任國內各大知名企業、品牌與協會技術交流講師,且除了盡力看見數據外更盡可能抽空看見臺北各大特色咖啡館/優質廠商於 www.triplew.tw。

努力看見數據的人

蔡先生

共同創辦人/專案總監 業務接洽/聯絡方式.. Email Address: ada@awoo.ai / Line ID: 539406 目前主職 awoo MarTech 技術 nununi...

技術交流邀約(全國可談)

ada@awoo.com.tw
02-87121128#23

回頁面頂端