16
成交率計數器 Conversion Counter TM 安裝說明 - Yahoo! 奇摩搜尋行銷 成交率計數器 Conversion Counter TM 安裝說明

Aosiman-Uet-Dexter

Embed Size (px)

Citation preview

Page 1: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

成交率計數器 Conversion CounterTM

安裝說明

Page 2: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

簡介

產品說明

Yahoo! 奇摩搜尋行銷 提供的 成交率計數器 Conversion CounterTM免費追蹤工具,讓您可以

追蹤網友經由關鍵字廣告來到您網站之後的消費或註冊行為,並計算所產生的實際消費成交

次數,藉此更加瞭解 Yahoo! 奇摩搜尋行銷 帳戶所能產生的效益。啟動 成交率計數器 Conver-

sion CounterTM 之後,您可以很方便地在帳戶管理中心【帳戶】和【 管理 搜尋優先排序】中,檢

視實際消費成交、實際消費成交率和每成交費用。

當訪客藉由點選關鍵字廣告進入您的網站時,成交率計數器 Conversion CounterTM 會將訪客

瀏覽器加入Cookie。當訪客進入了交易完成的頁面後,成交率計數器 Conversion CounterTM的

原始碼會計算一次實際消費成交事件,並讀取 Cookie 以便將實際消費成交事件歸類至訪客

最後在關鍵字廣告的點閱動作。這項動作產生的實際消費成交資訊 (包括實際消費成交次

數、實際消費成交率和每成交費用) 都會顯示在您的【帳戶】、【管理 搜尋優先排序】及【報

表】中。

安裝概況

要得知您網站的實際消費成交數據,請參考這份安裝說明,安裝成交率計數器 Conversion

CounterTM 原始碼做為標籤。本安裝說明會告訴您一般安裝標籤操作指南。建議在開始安裝之

前,先將本安裝說明徹底閱讀過一遍。另外,安裝說明也提供動態網站工具及技術的特定標

籤說明:

• 動態伺服器網頁 (Microsoft Visual InterDev)

• Java 伺服器網頁 (ATG Dynamo、BEA WebLogic 與 ColdFusion MX)

• PHP:超文件處理器

只要您順利地完成了標籤安裝,成交率計數器 Conversion CounterTM 會在 24 小時之內,從您

的關鍵字廣告帳戶中開始產生第一筆實際成交資料。

閱讀本安裝說明前,您需要具備 HTML 和 (或) 網路工具的常識,才能瞭解 成交率計數器 Con-

version CounterTM 標籤的使用方法。如果您對這些常識不熟悉,請把這項工作交給網站管理

員或開發人員,由他們接手繼續。

簡介

Page 3: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

名詞定義

標籤:指的是 HTML 程式碼的一小部分,會放置在您網站的交易完成頁面的程式碼中。

安裝標籤:將標籤放置在交易完成頁面程式碼的步驟。

實際消費成交:完成交易,例如購買或是註冊的動作,根據客戶從關鍵字廣告的點閱起,一直

到交易完成頁面。

交易完成頁面 (也稱為確認網頁):在您網站中顯示確認交易完成訊息的頁面(例如感謝頁面)。

一筆交易相等於一次實際消費成交次數,廣泛的交易指的是購買產品、註冊電子報、訂閱註

冊,或是結束其他主要的產生動作。

簡介

Page 4: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

一般安裝標籤操作指南

標籤

標籤是 JavaScript 形式的 HTML 小型程式碼,一旦JavaScript 放置在您網站上交易完成的頁

面,就會將由關鍵字廣告導入之客戶的購買結果,匯集在報表上供您檢閱。

若要執行這項操作,需要您從帳戶管理中心【帳戶】-【 帳戶設定】中擷取標籤。這個標籤必須

放置在您網站中的交易完成頁面的程式碼中。請勿任意修改標籤,否則會造成標籤的功能失

常,其中包括了資料遺失或是蒐集的資料不正確等現象。

標籤樣本: 僅供示範參考 (請勿使用!)

<SCRIPT LANGUAGE=”JavaScript”><!-- Yahoo! 07/15/2003var cc_tagVersion = “1.0”;var cc_accountID = “1234567890”;var cc_marketID = “0”;var cc_protocol=”http”;var cc_subdomain = “convctr”;if(location.protocol == “https:”){ cc_protocol=”https”; cc_subdomain=”convctrs”;}var cc_queryStr = “?” + “ver=” + cc_tagVersion + “&aID=” +cc_accountID + “&mkt=” + cc_marketID +”&ref=” + escape(document.referrer);var cc_imageUrl = cc_protocol + “://” + cc_subdomain + “.overture.com/images/cc/cc.gif” + cc_queryStr;var cc_imageObject = new Image();cc_imageObject.src = cc_imageUrl;// --></SCRIPT>

一般安裝標籤操作指南

Page 5: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

標籤放置處

要能夠正常追蹤實際消費成交動作,一定要將標籤放置在交易完成頁面程式碼裡,否則您得

到的實際消費成交次數將會少於或超出實際次數。

此標籤並不會對您的網站造成可見的影響,更不會改變放置標籤頁面的外觀、版面設計或是

使用者操作感覺,不過,將標籤放置在正確的位置,對於實際消費成交資料的精確性確有相

當的影響。

標籤應該放置在介於 <HEAD> (起始表頭)和 </HEAD> (結束表頭) 的 HTML 文件表頭標籤之

間。

範例:

基本的 HTML 文件範例

<html><head><title>範例 HTML 檔案</title></head><body>此處為網頁內容。</body></html>

YAHOO! SEARCH

產品瀏覽

加入購物車

檢視購買產品

送出購買動作

交易完成 成交率計數器 Conversion CounterTM

可以將客戶的搜尋連接到購買產品的動作(實際消費成交)

一般安裝標籤操作指南

Page 6: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

將標籤放置於基本 HTML 後的文件範例

<html><head><title>範例 HTML 檔案</title><SCRIPT LANGUAGE=”JavaScript”><!-- Yahoo! 07/15/2003var cc_tagVersion = “1.0”;var cc_accountID = “1234567890”;var cc_marketID = “0”;var cc_protocol=”http”;var cc_subdomain = “convctr”;if(location.protocol == “https:”){ cc_protocol=”https”; cc_subdomain=”convctrs”;}var cc_queryStr = “?” + “ver=” + cc_tagVersion + “&aID=” +cc_accountID + “&mkt=” + cc_marketID +”&ref=” + escape(document.referrer);var cc_imageUrl = cc_protocol + “://” + cc_subdomain + “.overture.com/images/cc/cc.gif” + cc_queryStr;var cc_imageObject = new Image();cc_imageObject.src = cc_imageUrl;// --></SCRIPT></head><body>此處為原網頁內容。</body></html>

一般安裝標籤操作指南

Page 7: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

其他放置標籤的方式

您的網站在管理或新增網頁時,可能會採用一種以上的技術。不論包含標籤的交易完成頁面

是以靜態或動態方式產生的,只要能在訪客的瀏覽器中正常顯示,成交率計數器 Conversion

CounterTM 就能正常運作。

在動態產生頁面中安裝標籤

將標籤安裝於動態產生頁面中時,必須將標籤放置在頁面的範本中。不過要是沒

有範本時,就必須把標籤放置在靜態頁面的 HTML 程式碼中。如果您的網站伺服

器提供「Server Side include」,請使用 “include” 陳述式;或是直接將 Javascript

標籤放置在頁面的<HEAD> 區段中。

本安裝說明會提供下列工具或技術的使用範例:

© • 動態伺服器網頁 (Microsoft Visual InterDev)

• Java 伺服器網頁 (ATG Dynamo、BEA WebLogic 與 ColdFusion MX)

• PHP:超文件處理器

以框架在頁面中安裝標籤

如果網頁中使用了框架,建議您最好將標籤放置在包含交易完成頁面之框架的

HTML 程式碼中。

在 Client-Side Include 中使用 JavaScript

如果 JavaScript 使用「include」陳述式將標籤安裝於交易完成頁面中,則必須要

在存檔之前,從標籤中移除開頭及結尾的 <SCRIPT> 標籤。如果沒有執行這項動

作的話,標籤便無法正常運作。其次,還要確認標籤檔案的路徑正確無誤,否則「

include」陳述式也會無效。

例如:<script language=”javascript” src=”conversion_counter.js”></script>

安全與非安全頁面

本標籤可同時在安全頁面 (網址的通訊協定為 https:) 以及非安全的頁面 (網址通訊

協定為 http:) 上安全地運作。因為這個標籤會對通訊協定 (https:或 http:) 進行偵測,

不論頁面的安全性層級為何,均會在所有頁面上持續做調節。

一般安裝標籤操作指南

Page 8: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

如何確定標籤是否已經正確安裝

為了避免追蹤實際消費成交資料時發生錯誤或是延誤追蹤,建議您確認標籤是否已經正確安

裝完成。請依照下例指示步驟執行:

步驟 1

在您的網站中完成一筆交易,例如購買產品,或是註冊等(可以的話,請使用測試帳戶進行)。

步驟 2

等您進入了交易完成的頁面時,在瀏覽器功能表中選擇「檢視」>©「原始檔」。我們擷取了

Yahoo!購物中心購物車的畫面,做為確認標籤的示範 (請看底下的範例)。您必須檢視交易完

成或確認頁面的原始檔。

步驟 3

檢查 HTML 原始程式碼,確認標籤確實在頁面中,大約是在起始表頭標籤 <HEAD> 以及結束

表頭標籤 </HEAD> 之間的位置。

一般安裝標籤操作指南

Page 9: Aosiman-Uet-Dexter

�成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

需求

要安裝 成交率計數器 Conversion CounterTM,您的網站必須符合下列需求:

• 支援標準的 HTML

• 要將標籤放置在交易完成頁面中

至於您的客戶則不需要任何特別的系統需求。但為了要讓 成交率計數器 Conversion Coun-

terTM 技術能夠正確地透過關鍵字廣告的點閱來追蹤實際消費成交率,客戶的瀏覽器必須要啟

用下列功能:顯示圖片、啟動 JavaScript 以及啟動 “Cookie”,而這些都是大部分瀏覽器中的

預設值。

若您對 成交率計數器 Conversion CounterTM仍有其他問題,可參考常見問題

http://searchmarketing.yahoo.com/zh_TW/rc/srch/dtcfaq_cc.php

一般安裝標籤操作指南

Page 10: Aosiman-Uet-Dexter

�0成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

動態伺服器網頁 (ASP) 安裝操作指南

概況

這個部分是提供給自行開發網站的廣告客戶,具體一點的說,是在網站交易過程的部分利用

到Microsoft 的 Visual InterDev 產品或是 ASP 技術的廣告客戶所參考的。Visual InterDev 可讓

開發人員透過靜態 (HTML) 及動態的 (ASP) 方式建立網站。

一般來說,訪客在網站中進行的交易過程 (例如購買、註冊),會使用到動態產生出的 ASP。而

以下的操作指南會著重在如何利用 ASP 放入標籤,好讓 成交率計數器 Conversion CounterTM

正常運作。

開始執行本章節的步驟之前,請先將本安裝說明開頭的「一般安裝標籤操作指南」全部閱讀

過一遍。

請注意 – 目前整合式開發環境 (IDE) 的版本已從 1.0 升級到 6.0,這裡的操作指南仍舊適用於各種狀況。

操作指南

步驟 1

開啟 Visual InterDev,並找出您交易完成的頁面 (例如確認購買,或是感謝頁面)。如果您有多

個的頁面是從同一 ASP 頁面中產生出來的 (使用IF..ELSE 陳述式),請瀏覽至用來產生交易完

成頁面的部分。

步驟 2

找出文件的表頭部分 (就在起始表頭 <HEAD> 及結束表頭 </HEAD> 標籤之間)。

步驟 3

接下來有兩種選項:

選項 1:剪下標籤,再直接貼到文件的表頭部分。請注意,勿將標籤貼到現有的標籤

<> 結構中。接著再參考「一般安裝標籤操作指南」,瞭解更多細節。

選項 2:您也可以選擇使用「Server Side #include」陳述式。這個 include 陳述式會

在頁面進行彙整、以傳送至訪客的瀏覽器時,將您的標籤放入其中。在收到您的

動態伺服器網頁(ASP)安裝操作指南

Page 11: Aosiman-Uet-Dexter

��成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

標籤之後,請將檔案 (conversion_counter.js) 儲存在您的網站伺服器上,並記住該

檔案的儲存位置 (以底下的範例來說,是放在網站根目錄中名為 “yahoo_search_

marketing” 的資料夾中)。現在請回到您的交易完成頁面,並找出表頭的部分。在

表頭部分放入「#include」陳述式,指向標籤檔案。

範例

<%@ Language=VBScript %><head><title>確認購買頁面</title><!-- #include file=”../yahoo_search_marketing/conversion_counter.js” --></head><body bgcolor=”#ffffff”><h1>確認購買頁面</h1></body>

請注意,「include」陳述式會比 ASP 頁面的所有其他部分先進行處理,也就是說在為所包含

的檔案位置命名時不得使用變數。

步驟 4

儲存編輯過的交易完成頁面。

建議您先測試頁面的回報功能,確認標籤是否正確放置在 ASP/HTML 文件中的適當位置。確

認的方法是,在您網站上的測試/開發環境下完成一筆交易。進入交易完成的頁面時,請在瀏

覽器中選擇「檢視」>©「原始檔」。在起始表頭 <HEAD>和結束表頭 </HEAD> 標籤之間,檢查

是否有您的標籤存在。如果標籤出現的話,表示安裝動作正確無誤。

動態伺服器網頁(ASP)安裝操作指南

Page 12: Aosiman-Uet-Dexter

��成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

JAVA 伺服器頁面 (JSP) 安裝操作指南

概況

這個部分是提供給自行開發網站的廣告客戶,具體一點的說,是在網站交易過程的部分利用

到下列 JSP 工具的廣告客戶所參考的:

ATG Dynamo

BEA WebLogic

ColdFusion MX

JSP 會在訪客在網站上的工作階段期間以動態方式產生。以下內容會將焦點放在如何利用

JSP 放入標籤,好讓 成交率計數器 Conversion CounterTM 能夠正常運作。開始執行本章節的

步驟之前,請先將本操作指南開頭的「一般安裝標籤操作指南」全部閱讀過一遍。

請注意 – 雖然不同環境中 JSP 編碼的語法會稍有不同,這裡的操作指南仍舊適用於各種狀況。

操作指南

步驟 1

開啟您想要使用的 JSP 編輯器,並找出您的交易完成頁面 (例如確認購買、註冊確認或是感

謝頁面)。如果您有多個頁面是從同一 JSP 頁面中產生出來的 (使用條件陳述式),請瀏覽至用

來產生交易完成頁面的部分。

步驟 2

找出文件的表頭部分 (就在起始表頭 <HEAD> 及結束表頭 </HEAD> 標籤之間)。

步驟 3

接下來有兩種選項:

選項 1:剪下標籤,再直接貼到文件的表頭部分。請注意,勿將標籤貼到現有的標籤

<> 結構中。接著再參考「一般安裝標籤操作指南」,瞭解更多細節。

選項 2:您也可以選擇使用「Server-Side include」陳述式。這個 include 陳述式會在

頁面進行彙整、以傳送至訪客的瀏覽器時,將您的標籤放入其中。在收到您的標籤

JAVA伺服器頁面(JSP)安裝操作指南

Page 13: Aosiman-Uet-Dexter

��成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

之後,請將檔案 (conversion_counter.js) 儲存在您的網站伺服器上,並記住該檔案

的儲存位置 (以底下的範例來說,是放在網站根目錄中名為 “yahoo_search_mar-

keting” 的資料夾中)。現在請回到您的交易完成頁面,並找出表頭的部分。在表頭

部分放入「include」陳述式,指向標籤檔案。

如果您使用的是 ATG Dynamo 開發環境,請參照下列步驟:

1. 將游標移動到該頁面的表頭部分

2. 在工具列中按一下「Insert Document」按鈕。接著會出現「Select a Document」

對話方塊,顯示文件根目錄中的所有檔案。

3. 選擇您剛才儲存的標籤檔案名稱,然後按一下「OK」。

範例 (使用 ATG Dynamo)

<%@ taglib uri=”/dspTaglib” prefix=”dsp” %><dsp:page><html><head><title>確認購買頁面</title><dsp:include src=”../yahoo_search_marketing/conversion_counter.js”/></head><body bgcolor=”#ffffff”><h1>確認購買頁面</h1></body></html>

請注意,「include」陳述式會比 JSP 頁面的所有其他部分先進行處理,也就是說在為所包含的檔案位置命名時不得使用變數。

語法變化:

ATG Dynamo:Dynamo 中的「include」陳述式使用下列語法:

<dsp:include src=””>。上述的編碼是採用 ATG Dynamo。

JAVA伺服器頁面(JSP)安裝操作指南

Page 14: Aosiman-Uet-Dexter

��成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

步驟 4

儲存編輯過的交易完成頁面。

建議您先測試頁面的回報功能,確認標籤是否正確放置在JSP/HTML 文件中的適當位置。確

認的方法是,在您網站上的測試/開發環境下完成一筆交易。進入交易完成的頁面時,請透過

您的瀏覽器選擇「檢視」©>「原始檔」。

在起始表頭 <HEAD> 和結束表頭 </HEAD> 標籤之間,檢查是否有您的標籤存在。如果標籤

出現的話,表示安裝動作正確無誤。

JAVA伺服器頁面(JSP)安裝操作指南

Page 15: Aosiman-Uet-Dexter

��成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

超文件處理器 (PHP) 安裝操作指南

概況

這一部份說明如何使用 PHP,將標籤寫入確認頁面或是感謝頁面中。您必須將從帳戶管理中

心【帳戶】-【 帳戶設定】中擷取的 JavaScript 程式碼儲存至您網站伺服器上的一個檔案中,再

將一小段 PHP script 加入您 HTML 中 的 HEAD 部分。

操作指南

步驟 1

將所提供的 JavaScript 存檔,例如 “yahoo_cc.js”

步驟 2

將此檔案置於您網站伺服器上的某個位置 (可由您自行選擇),例如 “/javascript/yahoo_

cc.js”

步驟 3

編輯確認頁面或感謝頁面,將底下的 PHP script 加入其中:

<?PHP$filename = “javascript/yahoo_cc.js”;$fp = fopen($filename,’r’);if ($fp) {$js = fread($fp,filesize($filename));echo($js);fclose($fp);}<?>

請注意

在上述 script 中,提供給檔名變數的值取決於三個項目:

1) 您為成交率計數器 Conversion Counter©TM 提供的 JavaScript 檔案採用了什麼名稱

2) 您將成交率計數器 Conversion Counter©TM 提供的 JavaScript 檔案置於何處

3) 與您的確認頁面或感謝頁面範本有關的 JavaScript 檔案位於何處。

超文件處理器(PHP)安裝操作指南

Page 16: Aosiman-Uet-Dexter

��成交率計數器 Conversion CounterTM 安裝說明 - Yahoo! 奇摩搜尋行銷

如上述範例所示,您會發現有個名為 “javascript” 的目錄或資料夾,與確認頁面或感謝頁面

位於同一個目錄中;而在該資料夾中,則有一個名為 overture_cc.js 的檔案。如果您不確定如

何操作此一步驟,請向網站管理員詢問。

若您閱讀完本安裝說明,對成交率計數器 Conversion Counter©TM 仍有問題,歡迎您與我們聯

絡! Yahoo! 奇摩搜尋行銷 客服專線:0�00-0��-���。

超文件處理器(PHP)安裝操作指南