"當有了網站之後，開心的對外宣布，但是不是蠻困惑要怎麼知道有多少人搜索過你網站？以及消費者對哪些頁面有極高興趣？哪些性別族群特別喜歡你的網站內容？別擔心，善用行銷工具讓網站從市場上脫穎而出！
本篇文章為Wordpress網站，使用 Divi佈景主題，安裝市場上常用的4 種行銷工具，分成Google Analytics4（GA)、Google Tag Manager（GTM）、Facebook Pixel （FB像素）、Google 地圖。"
目錄
一. 8個原因為什麼使用行銷工具Google Analytics 4（簡稱GA4）？
二. 行銷工具Google Analytics 4與 Analytics360差別？
一. 什麼是行銷工具Google Tag Manager ?
二. 5個原因為什麼要使用行銷工具Google Tag Manager？
三. 【影片】Divi佈景主題串連行銷工具Google Tag Manager教學
❖ Divi佈景主題串連行銷工具Google Tag Manager-圖文教學
二. 【影片】Divi佈景主題串連行銷工具Meta 像素（Facebook像素）教學
❖ Divi佈景主題串連行銷工具Meta 像素 – 圖文教學
一. 【影片】Divi Theme佈景主題串接Google Maps API教學
Google Analytics4（GA）
一. 8個原因為什麼使用行銷工具Google Analytics 4（簡稱GA4）？
由Google研發行銷工具，最新版本稱為 Google Analytics 4（簡稱GA4）。為網站流量分析的工具，並提供直觀性的數據，在網站行銷上更有系統性觀察成效。分成免費版GA4與付費版Analytics360。
- ❖ 分析訪問者從哪些管道造訪網站。管道如：Google搜尋引擎.社群媒體等。
- ❖ 哪些國家訪問者造訪網站。
- ❖ 哪些網頁最受歡迎以及網站各頁面瀏覽人數。
- ❖ 各網頁造訪者平均停留時間，與互動點擊率。
- ❖ 造訪者瀏覽網站的行為流程。
- ❖ 電子商務如產品瀏覽率、加入購物車、購買率。
- ❖ 分析造訪者使用哪些作業系統與裝置。
- ❖ GA4帳戶能團隊協作，開放權限功能。
圖 / Google Analytics4 數據圖範例
二. 行銷工具Google Analytics 4與 Analytics360差別？
❖資料抽樣：當資料具有規模數據時，為加快處理時間，會建立子數據來推算大數據規模趨勢。
Google Analytics 4（免費）：可取用50萬個工作階段來抽樣標記。
Analytics360（付費）：可取用1億工作階段來抽樣標記。
❖匹配數：網頁、事件、電子商務、社交，每次使用者行為互動都會包裝再一次匹配中回傳給Google伺服器。
Google Analytics 4（免費）：每月匹配數1000萬筆上限
Analytics360（付費）：每月匹配數20億筆上限。
❖自訂維度與指標：『維度』是資料屬性，『指標』是量化測量方式。
Google Analytics 4（免費）：創建20組自訂維度與自訂指標。
Analytics360（付費）：創建200組自訂維度與自訂指標。
❖整合Google Ads（關鍵字廣告）.Display(多媒體廣告聯播網GDN）.Video（影音廣告）
Google Analytics 4（免費）：整合Google Ads數據。
Analytics360（付費）：整合Google Ads、Display、Video數據。
❖整合雲端 CRM（客戶關係管理系統）與Google BigQuery（巨量分析資料平台）
Google Analytics 4（免費）：無。
Analytics360（付費）：可以。
❖建立資料檢視數量：單一資源建立多個資料檢視（又稱報表資料檢視）
Google Analytics 4（免費）：創建25個資料檢視上限。
Analytics360（付費）：創建400個資料檢視上限。
圖 / Google Analytics4 與 Analytics360
三. 【影片】Divi佈景主題串連行銷工具GA4教學
✍ Divi佈景主題串連行銷工具GA4-圖文教學
STEP1 搜尋引擎搜尋『Google Analytics』> Google Analytics行銷工具，點擊『 開始測量 』。
圖 / 行銷工具Google Analytics4 首頁
STEP2 帳戶設定，如下圖1 填寫『 帳戶名稱 』 > 如下圖2 帳戶資料共用設定，全部項目請打勾。> 點擊『 下一個 』按鈕。註：帳戶名稱可填寫中英文
圖1 / 行銷工具Google Analytics4帳戶設定
圖2 / 行銷工具Google Analytics4帳戶資料共用設定
STEP3 資源設定，填寫『 資源名稱 』、報表時區選擇『台灣』與『台灣時間 』、幣別『 新台幣』。>點擊『下一步』。註：報表時區與幣別請根據居住國家所在地選擇。
圖 / 行銷工具Google Analytics4填寫資源名稱設定時區與幣別
STEP4 商家資訊，選擇『 產業類別 』> 點選『 商家規模 』> 複選 商家GA用途。 > 下方會有『 建立 』按鈕，請點擊。
圖 / 行銷工具Google Analytics4填寫商家資訊
STEP5 視窗會跳出 Google Analytics 服務條款合約 ，如下圖1勾選✔ 我也接受GDPR所要求的資料處理條款 >再勾選✔ 如下圖2對於我與Google 共用資料-資料保護條款。>點擊『我接受』按鈕。
圖1 / 行銷工具Google Analytics4 -GDPR資料處理條款
圖2 / 行銷工具Google Analytics4共用資料-資料保護條款
STEP6 設定資料串流來開始收集資料，本文章選擇平台為『網站』。
圖 / 行銷工具Google Analytics4串流網站
STEP7 設定您的網頁串流，填寫『網站網址』與『串流名稱』>點擊『建立串流』按鈕。
🍎延伸閱讀：如何購買網域？
圖 / 行銷工具Google Analytics4設定資料串流
STEP8 如下圖1 網頁串流詳情，網頁捲軸往下。如下圖2 代碼設定操作說明欄位>新增網頁內代碼>選擇『全域網站代碼（gtag.js)』，複製全部的< script >內容貼上至網站HTML碼裡面head位置。
圖1 / 行銷工具Google Analytics4 網頁串流詳情
圖2 / 行銷工具Google Analytics4 代碼設定操作說明
STEP9 登入Wordpress > 側邊選單，選擇『 Divi 』> 再選擇『 Theme Options 』>中間面板上方紫色區塊選擇『 Integration 』> 在Add code to the 『head』of your blog 欄位，貼上剛剛的GA追蹤程式碼。
圖 / 登入wordpress後台Divi theme option貼上GA4追蹤碼
STEP10 WordPress後台Divi欄位，複製貼上追蹤碼後，捲軸往下滾，點擊『 Save Changes』。
圖 /Divi theme options 儲存
STEP11 返回GA4首頁刷新網頁，GA4行銷工具有跑出數據代表安裝成功囉！
圖 / 行銷工具 Google Analytics 4 完成安裝
Google Tag Manager (GTM)
一. 什麼是行銷工具Google Tag Manager ?
由Google開發免費行銷工具，Google Tag Manager簡稱GTM，是代碼管理系統。可用於網站或APP，透過GTM能安裝網站GA追縱程式碼、第三方開發工具如廣告代碼、API配置等，並能開放團隊協作權限設定，省去編寫修改程式端時間，使追蹤與管理都能在GTM平台上完成。
二. 5個原因為什麼要使用行銷工具Google Tag Manager？
- ❖快速部署網站GA追蹤碼：不用再透過工程師協助安裝程式碼，也不必自行修改網頁程式碼，行銷人直接使用GTM代碼管理工具安裝GA追蹤碼。
- ❖代碼管理統整程式碼在GTM平台：當有眾多第三方工具程式碼時，以往都要在各網頁搜尋程式碼，較於耗時。透過代碼管理工具，能即時修改網頁代碼並立即性更新。
- ❖安全性：因能配置權限，毋須擔心網站安全性問題，以及網站資安漏洞。
- ❖測試工具：可利用代碼管理工具預覽測試模式，排除故障與更正錯誤。
- ❖版本控制：當修改容器代碼時，代碼管理器會創建新版本並存檔，如要回朔到之前版本也能輕鬆完成。
三. 【影片】Divi佈景主題串連行銷工具Google Tag Manager教學
✍ Divi佈景主題串連行銷工具Google Tag Manager-圖文教學
STEP1 請先登入Gmail，前往行銷工具Google Tag Manager。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）
STEP2 GTM代碼管理工具，帳戶>點擊『 建立帳戶 』按鈕。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）建立帳戶
STEP3 GTM新增帳戶，帳戶設定填寫『帳戶名稱』與選擇『國家/地區』。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）填寫『帳戶名稱』與『國家/地區』
STEP4 GTM容器設定，填寫『 容器名稱 』與 選擇目標廣告平台『網路』> 點擊『 建立 』按鈕。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）填寫『容器名稱』
STEP5 Google 代碼管理工具服務合約條款，選擇語言English，目前尚未提供中文。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）代碼管理工具服務合約條款，選擇語言English
STEP6 Google 代碼管理工具服務合約條款 ，①勾選『 我也接受GDPR 』所要求的⟪資料處理條款⟫ >②點擊右上角『是』按鈕。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）勾選『 我也接受GDPR 』所要求的⟪資料處理條款⟫
STEP7 安裝Google代碼管理工具 ，將①程式碼複製。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）複製程式碼
STEP8 登入Wordpress管理後台，側邊選單Divi 佈景主題> Theme Options >上方紫色選單Integration >圖1 Add code to the 『head』of your blog 欄位貼上GTM程式碼。> 圖2 點擊綠色按鈕『Save Changes』。
圖1 / Divi佈景主題-貼上行銷工具GTM程式碼
圖2 / Divi佈景主題-儲存行銷工具GTM程式碼
STEP9 回到行銷工具GTM，安裝Google代碼管理工具，複製②程式碼。
圖 / 行銷工具 Google Tag Manager（簡稱GTM）複製程式碼
STEP10 WordPress管理後台，側邊選單Divi 佈景主題> Theme Options>上方紫色選單Integration >如下圖1 Add code to the 『body』 of your blog 欄位貼上GTM程式碼。> 如下圖2 點擊『 Save Changes 』按鈕。
圖1 / 行銷工具 Google Tag Manager（簡稱GTM）複製程式碼
圖2 / Divi佈景主題，儲存行銷工具 Google Tag Manager（簡稱GTM）程式碼
STEP11 回到行銷工具Google Tag Manager（GTM），點擊『確定』。
圖 / 回到行銷工具 Google Tag Manager（簡稱GTM）點擊確定
STEP12 完成安裝免費行銷工具GTM。
圖 / 完成安裝行銷工具 Google Tag Manager（簡稱GTM）
Meta 像素 (舊稱Facebook像素）
一. 什麼是 Meta 像素（Facebook像素）?
由Meta（FB）社群網路公司開發，在網站上置入追蹤程式碼，用於追蹤Facebook廣告活動，例如：有多少人從FB廣告進入到網站？進入網站有多少人填寫表單以及商品加入購物車？實際完成表單或購物車完成結帳的數據分析、建立更多類似廣告受眾（消費者）。
二. 【影片】Divi佈景主題串連行銷工具Meta 像素（Facebook像素）教學
✍ Divi佈景主題串連行銷工具Meta 像素 - 圖文教學
STEP1 前往Meta企業管理平台（Facebook） > 右上角『建立帳號』。如原本已有Facebook企業管理平台者，可選擇『登入』。
圖 / 行銷工具 Meta 像素（Facebook像素）建立帳戶
STEP2 欄位①填寫『帳號名稱』，切記與企業商家名稱相符，因為會顯示在Facebook上。欄位②填寫『你的姓名』。欄位③填寫『公司電子郵件』，這邊會建議以總管理帳號的電子郵件作為代表。 > 送出
🍎延伸閱讀：如何創建公司版電子郵件？
圖 / 行銷工具-meta像素填寫名稱與電子郵件
STEP3 行銷工具Meta企業管理平台，如下圖1會發一封電子郵件至您剛填寫的信箱。>如下圖2至電子郵件點擊『立即確認』。
圖1 / 行銷工具-meta像素確認電子郵件
圖2 / 行銷工具-點擊『立即確認』Meta企業管理平台信件
STEP4 進入到Facebook企業管理平台設定，點『立即開始』。
圖 / 行銷工具-meta企業管理平台『立即開始』
STEP5 如下圖1瀏覽各商業工具，點擊『繼續』>如下圖2快速查看每個帳號中的內容，點擊『繼續』。
圖1 / 行銷工具-meta企業管理平台-瀏覽各商業工具
圖2 / 行銷工具-meta企業管理平台-快速查看每個帳號中的內容
STEP6 Facebook企業管理平台，每次專注處理一個帳號，點擊『完成』。
圖 / 行銷工具-meta企業管理平台-每次專注處理一個帳號
STEP7 Facebook企業管理平台，點擊上方①三條線，在所有工具中②『事件管理工具』。
圖 / 行銷工具-meta企業管理平台-事件管理工具
STEP8 Facebook事件管理工具，側邊選單會出現『＋連結資料來源 』。
圖 / 行銷工具-Facebook事件管理工具-連結資料來源
STEP9 Facebook事件管理工具，連結新資料來源，此文章教學為網站，因此勾選『網站』。>點擊藍色按鈕『連結 』。
圖 / 行銷工具-Facebook事件管理工具-連結新資料網站，選擇網站
STEP10 Facebook事件管理工具，設定網站事件，選擇『 Meta 像素』。>點擊『連結』。
圖 / 行銷工具-Facebook事件管理工具-Meta像素
STEP11 Facebook事件管理工具，運用Meta像素連結網站動態，點擊『繼續』。
圖 / 行銷工具-Facebook事件管理工具-運用Meta像素連結網站動態
STEP12 運用Meta像素連結網站動態，填寫『像素命名』> 貼上『網站網域』以便快速檢查設定（會出現綠色勾勾）。>點擊按鈕『繼續』。
圖 / 行銷工具-運用Meta像素連結網站動態-像素命名
STEP13 Facebook事件管理工具，選擇像素程式碼的安裝方式，請選擇『手動安裝程式碼』到網站。
圖 / 行銷工具-手動安裝Meta像素程式碼
STEP14 安裝基底程式碼，點擊綠色按鈕『複製程式碼』。
圖 / 行銷工具-複製基底程式碼
STEP15 登入wordpress後台，側邊選單 Theme Options>上方紫色選單『Integration』>圖1下方項目選『Add code to the < head > of your blog 』，貼上Meta像素程式碼。> 圖2畫面最下方有個綠色按鈕『save changes』點擊保存。
圖1 / 行銷工具-Divi佈景主題，後台管理貼上Meta像素程式碼
圖2 / 行銷工具-Divi佈景主題儲存Meta像素程式碼
STEP16 自動進階配對，這邊可選擇您要傳送的顧客資料，此文章保持預設>點擊『繼續』。
圖 / 行銷工具-Facebook事件管理工具-開啟自動進階配對
STEP17 使用事件設定工具新增事件，點擊『開啟事件設定工具』。
圖 / 行銷工具-Facebook事件管理工具-開啟事件設定工具
STEP18 設定事件，請貼上網站網域 >點擊『開啟網站』。
圖 / 行銷工具-Facebook事件管理工具-設定事件填入網域
STEP19 轉至您的網站，會出現三個視窗如圖1、2、3，可以選擇右上角叉叉或點擊繼續。> 最後面點『立即開始』。
圖1 / 行銷工具-Meta像素互動式事件設定工具
圖2 / 行銷工具-Meta像素追蹤對應顧客歷程
圖3 / 行銷工具-Meta像素追蹤按鈕
STEP20 因本網站為部落格，在此頁面上的事件，選擇『追蹤網址』。
圖 / 行銷工具-Facebook事件設定工具-追蹤網址
STEP21 使用網址追蹤事件，選擇事件，可依據個人需求選擇其他事件，此文章選擇『瀏覽內容』。
圖 / 行銷工具-Facebook事件設定工具-網址追蹤事件瀏覽內容
STEP22 追蹤完整網址或部分網址，此文章填寫網站網域。>消費金額，不要包含消費金額。幣別選擇TWD>點擊確認。
圖 / 行銷工具-Facebook事件設定工具-使用網址追蹤事件
STEP23 圖1右下角會出現『內容設定完成』>圖2返回剛事件設定畫面點右下角『繼續』。
圖1 / 行銷工具-Facebook事件設定工具-內容設定完成
圖2 / 行銷工具-Meta像素事件設定工具
STEP24 圖1點擊『驗證網域』> 圖2管理網域點『新增』>圖3填寫根網域，不用加前綴https，點擊『新增』。
圖1 / 行銷工具-Meta像素事件設定工具-驗證網域
圖2 / 行銷工具-Facebook企業管理平台設定-新增網域
圖3 / 行銷工具-Facebook企業管理平台設定-填寫網域
STEP25 驗證網域，新增中繼標籤，複製Meta-tag。
圖 / 行銷工具-Facebook企業管理平台-驗證網域
STEP26 登入wordpress後台，側邊選單選擇Divi，Theme Option>上方紫色選單選擇，Integration>在Add code to the
of your blog，貼上中繼標籤。>畫面下方有綠色按鈕『save changes』，記得點擊保存。
圖 / Divi佈景主題-貼上行銷工具meta像素中繼標籤
STEP27 回到Facebook企業管理平台，點擊綠色按鈕『驗證網域』。
圖 / 行銷工具-Facebook企業管理平台-驗證網域
STEP28 Facebook企業管理平台，已驗證網域 >完成。
圖 / 行銷工具-Facebook企業管理平台-完成驗證網域
STEP29 圖1點擊右上角『在事件管理工具中開啟』> 圖2出現數據代表Divi佈景主題成功完成meta像素追蹤囉！
圖1 / 行銷工具-Facebook企業管理平台-事件管理中開啟
圖2 / 行銷工具-Facebook企業管理平台-成功安裝meta像素追蹤
Google Maps
一. 【影片】Divi Theme佈景主題串接Google Maps API教學
公司形象網站或實體店家網站上出現的地圖，大部分使用的是Google地圖。Divi編輯器有個功能是可以用Google 地圖模塊，但需要向Google申請一串英數字金鑰做為串接才可使用，為了讓讀者申請過程能理解，此文章用影片跟圖文來操作教學。
✍ Divi Theme佈景主題串接Google Maps API-圖文教學
🌳此教學分為三大區塊，操作時請依照區塊順序執行:
📍註冊 Google Cloud Platform
📍建立專案
📍啟用API與設定Google地圖API金鑰
在執行申請Google地圖平台前，進入到Google地圖平台首頁，右上角能變更語系，有支援繁體中文。
圖 / 行銷工具-Google地圖平台-支援繁體中文
📍註冊 Google Cloud Platform
Google地圖平台是Google Cloud Platform旗下產品之一，在使用應用程式服務前，都需先註冊Google Cloud Platform。
STEP1 搜尋Google 地圖平台並點擊『 開始使用 』。如未註冊，可直接用Gmail註冊。
圖 / 行銷工具-Google地圖平台-開始使用
STEP2 Google Cloud 畫面會跳出專案計費功能，點擊『建立帳單帳戶』。
註：此資訊，不會收費。除非開啟自動計費功能，才會收費。
圖 / 行銷工具-Google地圖-建立帳單帳戶
STEP3 填寫Google 地圖平台帳戶資訊>國家/地區、勾選服務條款 >點擊『繼續』。
圖 / 行銷工具-Google地圖平台-填寫帳戶資訊
STEP4 免費試用Google Cloud驗證身分與聯絡資訊>點擊『繼續』。
圖 / 行銷工具-Google地圖平台-驗證身份與聯絡資訊
STEP5 驗證付款資訊 > 畫面最下方，點擊『開始免費試用』。
註：此資訊依舊填寫，不會收費。除非開啟自動計費功能，才會收費。
圖 / 行銷工具-Google地圖平台-驗證付款資訊
STEP6 如下圖1 會跳出Google Cloud Platform歡迎使用，點『我知道了』 > 如下圖2 回答4個問題，啟用Google Maps Platform > 點擊『提交』。
圖1 / 行銷工具-Google地圖平台-Google Cloud Platform歡迎使用
圖2 / 行銷工具-Google地圖平台-啟用Google Maps Platform
STEP7 開始使用Google地圖平台，點擊『前往Google地圖平台』。
圖 / 行銷工具-前往Google地圖平台
📍建立專案
STEP1 如下圖1點擊『 My First Project 』建立第一個專案 > 如下圖2跳出『選取專案』點選右邊的『新增專案』。
圖1 / 行銷工具 - Google地圖平台-我的第一個專案
圖2 / 行銷工具-Google地圖平台-新增專案
STEP2 填寫專案名稱，這邊自行定義，位置可寫無機構。> 點擊『建立』按鈕。
圖 / 行銷工具-Google地圖平台-新增專案，填寫專案名稱
STEP3 完成專案建立（上方會出現專案名稱）。
圖 / 行銷工具-Google地圖平台-完成專案建立
📍 啟用API與設定Google地圖API金鑰
STEP1 切記先選擇剛剛創建的專案，再點擊側邊選單『API』。
圖 / 行銷工具-Google地圖平台-選擇API
STEP2 API畫面，分兩大欄位，已啟用的API與其他API，在其他API列表，選擇『Maps Javascript API』。
圖 / 行銷工具-Google地圖平台-API列表
STEP3 『Maps Javascript API』，點選『啟用』。
圖 / 行銷工具-Google地圖平台-啟用Maps Javascript API
STEP4 已啟用的API出現 Maps JavaScript API，代表成功啟用。 (Divi編輯器是採用這個API)
圖 / 行銷工具-Google地圖平台-成功啟用Maps Javascript API
STEP5 其他API列表，這次換點選『Geocoding API』。
圖 / 行銷工具-Google地圖平台-點選Geocoding API
STEP6 『Geocoding API』，點擊『啟用』。
圖 / 行銷工具-Google地圖平台-啟用Geocoding API
STEP7 已啟用的API顯示『Geocoding API』，代表成功啟用。接下來點擊『Geocoding API』。
圖 / 行銷工具-Google地圖平台-已啟用Geocoding API
STEP8 側邊選單，選擇『憑證』，『Geocoding API』的旁邊點擊『＋建立憑證』。
圖 / 行銷工具-Google地圖平台-Geocoding API建立憑證
STEP9 側邊選單，選擇『憑證』，『Geocoding API』的『＋建立憑證』> 點擊『API金鑰』。
圖 / 行銷工具-Google地圖平台-Geocoding API 點擊API金鑰
STEP10 Geocoding API會跳出建立的API金鑰，先點擊右下角『關閉』。
圖 / 行銷工具-Google地圖平台-Geocoding API建立的API金鑰
STEP11 Geocoding API的金鑰，顯示金鑰，旁邊三個點點，點擊選擇『編輯API金鑰』
圖 / 行銷工具-Google地圖平台-Geocoding API 編輯API金鑰
STEP12 Geocoding API編輯金鑰，填寫『名稱』、金鑰限制，應用程式選擇限制，選擇『HTTP參照網址（網站）』。
圖 / 行銷工具-Google地圖平台-Geocoding API 編輯API金鑰
STEP13 網站限制，新增項目，新增自己網域三個種類如下:
*.mseiblog.com/*
https://mseiblog.com/
https://mseiblog.com/*
圖 / 行銷工具-Google地圖平台-Geocoding API 網站限制，新增項目
STEP14 API限制，選擇『限制金鑰』。
圖 / 行銷工具-Google地圖平台-Geocoding API 限制金鑰
STEP15 API限制，選擇『Geocoding API』>再點擊『確定』。
圖 / 行銷工具-Google地圖平台-限制金鑰選擇Geocoding API
STEP16 設定完成後，點擊『儲存』。
圖 / 行銷工具-Google地圖平台-Geocoding API金鑰設定儲存
STEP17 完成設定後，Geocoding API金鑰旁邊會出現綠色勾勾。再次點選側邊選單『API』。
圖 / 行銷工具-Google地圖平台-Geocoding API金鑰完成設定
STEP18 已啟用的API > 點擊 Maps JavaScript API
圖 / 行銷工具-Google地圖平台-已啟用的API，點擊Maps JavaScript API
STEP19 側邊選單選擇『憑證』 > Maps JavaScript API 旁邊『＋建立憑證』。
圖 / 行銷工具-Google地圖平台-Maps JavaScript API 建立憑證
STEP20 Maps JavaScript API 旁邊『＋建立憑證』 > API金鑰。
圖 / 行銷工具-Google地圖平台-Maps JavaScript API金鑰
STEP21 Maps JavaScript API建立的API金鑰，先點擊右下角『關閉』。
圖 / 行銷工具-Google地圖平台-Maps JavaScript API金鑰
STEP22 Maps JavaScript API 點擊三個點點『編輯API金鑰』。
圖 / 行銷工具-Google地圖平台-Maps JavaScript API 編輯API金鑰
STEP23 Maps JavaScript API 編輯API金鑰，填寫『名稱』、金鑰限制，應用程式選擇限制，選擇『HTTP參照網址（網站）』。
圖 / 行銷工具-Google地圖平台-Maps JavaScript API 編輯API金鑰
STEP24 網站限制，新增項目，新增自己網域三個種類如下:
*.mseiblog.com/*
https://mseiblog.com/
https://mseiblog.com/*
圖 / 行銷工具-Google地圖平台-Maps JavaScript API 網站限制，新增項目
STEP25 Maps JavaScript API ，API限制，選擇『限制金鑰』>勾選『 Geocoding API 』、『 Maps JavaScript API 』 > 點選『確定』。
圖 / 行銷工具-Google地圖平台-Maps JavaScript，API限制，限制金鑰
STEP26 Maps JavaScript API ，API限制，選取2個API>儲存。
圖 / 行銷工具-Google地圖平台-Maps JavaScript，API限制，儲存
STEP27 API金鑰，選擇『 Maps JavaScript API 』，點擊『顯示金鑰』。
圖 / 行銷工具-Google地圖平台-選擇 Maps JavaScript API顯示金鑰
STEP28 JavaScript API，滑鼠點擊『複製金鑰』 > 關閉
圖 / 行銷工具-Google地圖平台-JavaScript API，複製金鑰
STEP29 登入Wordpress內容管理系統，側邊選單『Divi』> 選擇『Theme Options』>上方紫色選單『General』>畫面往下滑『Google API Key』，貼上JavaScript API 金鑰。
圖 / wordpress後台-Google API Key 欄位，貼上JavaScript API
STEP30 貼上JavaScript API 金鑰後，畫面最下方『Save Changes』。
圖 / 貼上JavaScript API，點擊save changes
STEP31 WordPress後台，可以選擇文章或頁面，此教學用『頁面』當範例，選擇想要加入Google maps 的頁面，點擊『Edit Width Divi』。
圖 / WordPress後台，頁面，點擊『Edit Width Divi』
STEP32 進入頁面後，Divi編輯器測試是否串接成功api能正常使用google地圖。圖1藍色圓圈＋點擊 > 圖2 New Section （新增區塊）> 點擊Fullwidth。
註：圖2選擇regular或specialty也都可以新增google地圖。
圖1 / 頁面，Divi編輯器，點擊藍色圓圈
圖2 / 頁面，Divi編輯器，點擊Fullwidth
STEP33 New Module > search搜尋Fullwidth Map >點擊Fullwidth Map（全寬地圖）。
圖 / Divi編輯器，點擊Fullwidth Map
STEP34 Fullwidth Map（全寬地圖）> 選擇content > +Add New Pin。
圖 / Divi編輯器，Fullwidth Map（全寬地圖）+Add New Pin
STEP35 Fullwidth Map（全寬地圖）會帶出google api key，在 Map center Address欄位輸入想要的地址，如有出現代表成功設定完成。最後記得點擊打勾與Save draft或Publish。
圖 / Divi編輯器，Map Center Address欄位填上地址，完成地圖
Divi佈景主題串連行銷工具QA
Q.請問Divi Theme佈景主題是免費嗎？
A.不是免費主題。Divi Theme佈景主題提供兩種方案每年USD89或者一次性付費終身使用USD249。而之所以購買付費佈景主題，除了資料安全性，另一方面Divi本身有完善開發者團隊以及維護人員，是要認真經營網站的話，建議購買，如果本身有自己的佈景主題也可以。此篇教學是採用Divi Theme佈景主題為主。
Q.請問有推薦新手入門Google Analytics課程嗎？
A.Google本身就有推出數位行銷的『免費線上課程』，只要您有Gmail，就可以前往線上課程Google Analytics學習中心。
Q.行銷工具 Google Tag Manager（GTM ）免費嗎？有相關課程推薦？
A.是的，GTM為免費工具。Google有拍幾部GTM教學影片，可參考。
Q.行銷工具GA、GTM、meta像素，有使用期限嗎？
A.沒有，GA、GTM是由官方 Google開發，而meta像素，是Facebook開發出來的工具，在使用過程中，比較要注意就是官方會更新版本，基本上都是永久使用。
Q.行銷工具google 地圖 ，有免費試用期嗎？需要付費嗎？
A. Google 地圖提供90天免費試用期由Google Cloud開發，當90天免費試用期結束後，開啟自動付費才會收費。
Q.請問行銷工具Google Analytics 4 能創建多少個網站追蹤碼？
A.行銷工具Google Analytics 4 結構為，帳戶 > 資源。
帳戶，是指公司或組織，最多100帳戶。
資源，是指存放報表的容器，也就是創建網站或APP的GA4追蹤碼。一個帳戶最多創建100項資源。
轉載文章：尊重原創，請註明本部落格名稱『 MS.E自學創作 』、文章標題與連結網址。如其他內容使用，請來信告知mse@mseiblog.com
Itís nearly impossible to find well-informed people for this topic, but you seem like you know what youíre talking about! Thanks
Thank you for your support, I am glad to receive your message. My blog will continue to create high-quality articles to help more readers. Thank you.
I have to thank you for the efforts youve put in writing this blog. Im hoping to check out the same high-grade blog posts by you later on as well. In fact, your creative writing abilities has encouraged me to get my own website now 😉
Thank you for your support, I am glad to receive your message. My blog will continue to create high-quality articles to help more readers. Thank you.
I was excited to uncover this great site. I need to to thank you for your time for this particularly wonderful read!! I definitely enjoyed every part of it and I have you book marked to check out new stuff in your web site.
I’m glad my article was helpful to you.
I will also continue to write topic articles that are helpful to readers.