陳擎文教學網：電子商務（E-commerce）
☎1.【電商的7種發展模式】：
◉第三方平台銷售，自建電商平台D2C，
◉社交電商，微商，
◉訂閱制電商，代發貨模式，聯盟行銷

☎2.【台灣電商業者發展電商平台的常用路徑】
◉ (1).初期，小規模經營：先到【第三方電商平台：momo，亞馬遜，蝦皮】經營， ：優點：第三方平台，可以帶來流量
◉ (2).中期，成交數多交易金額大流量變大被收取【銷售佣金】提高比例 ➜自建商務網站來【分流】 ：優點：利用第三方平台的流量，【引流】到自己的自建網站
◉ (3). 長期：業績穩定，以【自建商務網站】為主，以【第三方電商平台(蝦皮/momo)】為輔

☎3.【與電商相關的2個新聞】：
◉電商女裝品牌Air Space變億級女裝王國，靠的是數據分析
◉文組畢業生工作5年，月入10萬的2大關鍵
◉突破困境！實體店面的逆轉武器：數據應用

☎4.【SHEIN的成功經營模式】：
◉1.超強的供應鏈管理Supply Chain Management：有專屬【設計團隊】，專屬【供應鏈】
◉2.款式新且流行，款式變化很快，設計到上架只要3天
◉4.善用【AI/數據驅動的經營模式】來預測【最新流行趨勢和顧客需求】，並設計新品
◉5.善用【社交媒體/網紅/KOL】來營銷
◉6.大量招募【Shein女孩】，善用【聯盟計劃】來【分銷】

☎5.【小紅書的成功經營模式】：
◉1.充分結合了【社交媒體】和【電商】的交互功能
◉2.通過用戶生成的內容（UGC）來進行產品推薦和分享，形成了高度信任的社群購物平台
◉3.獨特的UGC(以教程為主的影片內容)，變成是時下少女想追蹤流行資訊時必備的搜尋平台
◉4.廠商利用網紅打造「商城」利益，善用【社交媒體/網紅/KOL】來營銷
◉5.善用【AI/數據驅動的經營模式】，通過分析瀏覽歷史、點讚、收藏和分享內容，來推薦商品

☎6.【林瑞陽TST庭秘密的成功經營模式】：
◉1.採用微信【微商】的多層次傳銷經營模式
◉2.O2O經營模式

☎7.【Temu的成功經營模式】：
◉1.全託管經營模式(Fully Managed)：Temu負責商品的供應鏈管理、倉儲、物流配送、售後服務。商家只要負責設計與生產
◉2.價格策略：採用低價/高性價比策略，且經常舉辦促銷折扣活動。能夠低價也與全託管模式有關，因為可以跳脫中間商的抽佣，用工廠價直銷
◉3.產品多樣性，全面性的百貨模式
◉4.拼單機制：可以用【團購模式/或分享邀請/幫忙砍一刀】方式來拼單，達到足夠數量即可折扣而降低售價
◉5.小型電商也能與大型電商獲得平台給的同等流量 ：Temu不看公司，只看產品，只要性價比高，就能給予一定的曝光度與流量
◉6.社交媒體營銷，與大量投放網路廣告

8.收集數據的方法：
◉(1).傳統方法：【問卷調查析、訪談】
◉(2).進階方法：【網站流量收集與分析(GA)、追踪客戶網頁/App上的線上瀏覽行為(GTM)】
◉(3).最新方法：【人工智慧自動判別客戶行為後即時動態推薦商品】

9.量化分析數據的方法：
◉(1).傳統方法：使用【SPSS】來做數據的統計分析、
◉(2).進階方法：使用【Python(Scipy)/R程式語言】來做數據的統計分析、
◉(3).最新方法：使用【生成式AI（ChatGPT 4o，Gemini Pro）】來做數據的統計分析


資源（Resource）

chp0.課程簡介

【一，電子商務的七種發展模式】

chp1.電子商務概論

chp2.電子商務技術基礎
【互聯網，前後端網頁，資料庫，電子支付，金流，物流，網站安全，數據加密保護】

◉chp3.台灣電商業者發展電商平台的常用路徑

chp4.電子商務平台與工具

◉chp6.【移動商務與跨境電商Cross-border E-commerce】是當前電商的兩大趨勢
➜以SHEIN，Temu，Amazon為例

chp7.電子商務法律與倫理

◉chp8.【供應鏈管理】是【快時尚電商】競爭力的關鍵
➜以Zara，SHEIN為例

chp9.電商的客戶關係管理
【數據分析，客戶細分，個性化行銷與服務，客戶支持，售後服務】

chp10.電子商務創業準備工作
【1-創業計劃書、2-資金籌措與管理】

◉chp11.電商的大數據分析
【即時分析交易數據，客戶瀏覽行為分析，精準推薦，分析市場需求，風險管理】
➜以Netflix ，SHEIN， Amazon為例

◉chp12.社交商務與網紅經濟使用UGC進行營銷是新的趨勢
➜以小紅書，SHEIN為例

◉chp13.總結電商的7種發展模式及未來趨勢
【第三方平台銷售，自建電商平台D2C，社交電商，微商，訂閱制電商，代發貨模式，聯盟行銷】

【二，實作：從開發電子商務網站過程，練習網站架構、如何使用JavaScript追蹤客戶行為、應用SEO技巧和RWD設計來提升網站在搜尋引擎的排名、使用Google Analytics進行流量分析】

☎前端網站空間

網址：登入GitHub pages

簡報：GitHub pages使用方法

網址格式：帳號.github.io/儲存庫，範例：user1.github.io/hw1

☎後端網站空間

網址：登入byethost的Cpanel

網址：註冊byethost

☎SEO的第1步：Google Search Console(GSC)：讓Google引擎認識你的網站： GSC網址

☎ 網站地圖工具：XML Sitemap Generator，生成地圖(sitemap.xml)

☎SEO的第2步：TDK：是指 Title（標題）、Description（描述） 和 Keywords（關鍵字），
這三個元素是網頁SEO優化中最基本且關鍵的部分
◉<title>陳擎文作業1 - 程式作業展示</title>
◉<meta name="description" content="這是陳擎文作業1，包含程式碼和相關說明。">
◉<meta name="keywords" content="陳擎文, 作業1, SEO, TDK">

☎偵測網站流量的第1步：【網址】：Google Analytics(GA)

☎偵測網站流量的第2步：【網址】：Google Tag Assistant(GTA)來檢驗GA4代碼是否安裝成功

☎全球最大的網頁編輯設計工具

官網下載：Visual Studio Code(VSCode)

Google雲端下載舊版(1.93.exe)：Visual Studio Code(VSCode)

Google雲端下載舊版(1.93.zip)：Visual Studio Code(VSCode)

☎推薦2個輔助網頁設計工具

網址：w3school(英文)

網址：w3school(中文)

網址：ChatGPT

簡易範例

21-1.範例成果

21-2.範例1題目

21-3.網頁模板彙整網站

21-4.下載網頁模板

21-5.網頁模板教學講義

範例1-1-html-超連結

範例1-2-html-顯示圖片

範例1-3-javascript顯示彈出訊息alert

範例1-4-複製俄羅斯方塊的javascript

範例1-5-javascript-alert


(2).第1個網頁遊戲程式：打磚塊遊戲

◉【在ChatGPT輸入】：幫我設計網頁打磚塊經典遊戲，Breakout:
Breakout 是一款經典的打磚塊遊戲，玩家控制一個板子來反彈球，擊碎所有磚塊以過關
◉【成果範例：網頁】


(3).第2個網頁遊戲程式：五子棋遊戲

◉【在ChatGPT輸入】：幫我設計網頁遊戲，五子棋遊戲
◉【成果範例：網頁】


(4).第3個網頁遊戲程式：太空射擊經典遊戲：Space Invaders

◉【在ChatGPT輸入】：幫我設計網頁經典遊戲，Space Invaders:
Space Invaders 是一款經典的射擊遊戲，玩家控制一艘太空飛船來消滅不斷靠近的外星人
◉【成果範例：網頁】


(5).第4個網頁遊戲程式：太空射擊遊戲(2)

◉【在ChatGPT輸入】：幫我設計網頁遊戲，太空射擊遊戲:
◉【成果範例：網頁】

22-1.範例成果

22-2.範例2題目

22-3.下載網頁模板

22-4.前端網站的三元素結構圖

22-5.商務網站的前端後端結構圖

22-6.與前端後端程式語言的發展趨勢圖

22-7.為什麼在Google Search搜尋引擎找不到hw1作業1的網站？
範例1：作業1/hw1（110570053 劉淑汝）
在Google搜尋你網站的title：110570053 劉淑汝
在Google搜尋你網站的網址：site:acupun.site/lecture/（示意圖）
在Google搜尋你網站的網址：site:acupun.site/lecture/（網址）

22-8.SEO的第一步：讓Google知道你的網站：
如何才能夠讓Google Search已經將你的網站，編列索引呢？（2種方法）
(1)方法1：建立反向鏈接：
◉獲取外部鏈接：來自其他高權威網站的鏈接（反向鏈接）能夠顯著提升網站在Google中的排名，並幫助Google更快地發現和索引您的網站。
◉社交媒體推廣：在社交媒體平台上分享您的網站鏈接，

(2)方法2：將你的網站添加到Google Search Console(GSC，Google網站管理員，谷歌站長工具，谷歌站長儀表板，谷歌搜索控制台)，這樣Google就能知道您網站的存在：

◉Google Search Console是經營網站與做SEO優化，一定要使用的重要工具
◉在營銷人口中，時常被簡稱為GSC
◉為Google提供的免費網站服務，能夠讓我們得知網站的整體狀況，包括： SEO成效分析：確認網站排名、曝光、點擊，進而優化搜尋排名
◉【影片教學】：我的網站是否顯示在 Google 搜尋中？
◉【影片教學】：將網站添加到Google Search Console（谷歌網站管理員工具）中快速增加內容收錄
◉【影片教學】：Google Search Console 教學|tutorial |谷歌站長工具 |谷歌搜索控制台|Google網站站長工具
【網頁教學】：GSC設定、功能完整教學
【網頁教學】：Google Search Console教學篇：從安裝到功能設定

22-9.如何將你的網站添加到Google Search Console，這樣Google就能知道您網站的存在：
(0).範例目的： 將您的兩個網站：https://ccwntut.github.io/hw1-ec/
和 https://ccwntut.github.io/hw2/
提交到Google Search Console並請求Google抓取網站，並編列索引

(1).步驟 1：登錄Google Search Console帳戶
登入 Google Search Console，使用您的Google帳戶登錄
如果您是第一次使用，點擊「立即開始」，並登錄到您的Google帳戶。
示意圖

(2).步驟 2：添加網站屬性
點擊「立即開始」（或是登錄後，點擊右上角的「添加屬性」（Add Property）
選擇右方的【網址前置字元】：輸入網站URL：https://ccwntut.github.io/hw1-ec/
示意圖1， 示意圖2

(3).步驟 3：驗證網站所有權
為了讓Google確認您是網站的所有者，您需要完成所有權驗證。有4種常見的驗證方法，任意選擇一種進行：
最常使用的驗證方法是：HTML標籤驗證：
Google會提供一段HTML標籤代碼。您需要將這段代碼添加到網站的＜head＞部分中。
將此HTML標籤添加到您的index.html文件中，並將其推送到GitHub。
提交後，回到Search Console點擊「驗證」。
示意圖3， 示意圖4， 示意圖5， 示意圖6， 示意圖7，
成效：資料處理中，請等約一天後再返回查看
示意圖8，

(4).步驟 4：提交站點地圖
(4-1).站點地圖可以幫助Google更快地了解您的網站結構並抓取所有頁面。
由於你的網站是靜態頁面，可以手動生成一個 sitemap.xml 文件並將其上傳至您的網站根目錄。

(4-2).創建站點地圖（sitemap.xml）： 可以使用XML Sitemap Generator工具來生成地圖(sitemap.xml)
示意圖1， 示意圖2， 示意圖3，

(4-3).將 sitemap.xml 文件上傳到您的GitHub網站的根目錄。
示意圖1， 示意圖2，

(4-4).回到Google Search Console，點擊左側菜單中的「站點地圖」。
輸入站點地圖的URL（sitemap.xml），並點擊「提交」。
示意圖1， 示意圖2， 示意圖3，
若是顯示沒有截取也不妨害編列索引，示意圖4，
隔天即可用site查詢網站，示意圖5，
隔天即已經被google編列索引，示意圖6，

(5).步驟 5：請求Google抓取您的網站（有任何的新網頁，都可以用這個方法，請Google Search即時馬上幫你將某一個網頁編列索引）
上面的幾個步驟，已經可以讓Google Search慢慢地把你的網站編列索引。
【用途】：但若是，要請Google即時編列某個網頁的索引，可以手動請求Google抓取您的網站，以加快索引速度。

在Google Search Console中，使用「URL網址檢查」。
在上方的textbox輸入您的網站URL：https://ccwntut.github.io/hw1-ec/
示意圖1， 示意圖2， 示意圖3，
點擊「請求抓取」（Request Indexing）。Google會排隊抓取您的網站內容，並在幾天內完成。 示意圖4， 示意圖5， 示意圖6， 示意圖7， 示意圖8，

範例2-1-html-表格

範例2-2-css-文字顏色color，字體font-size，文字對齊text-align

範例2-3-javascript顯示文字

範例2-4-javascript定點顯示文字

23-1.範例成果

23-2.範例3題目

23-3.下載網頁模板

23-4.【網址】Google Analytics(GA)首頁網址

23-5.【簡報ppt】GA操作教學(1)-基礎篇

23-6.【網址】用Google Tag Assistant(GTA)來檢驗GA4代碼是否安裝成功

23-4.前端網站的三元素結構圖

23-5.上週的Google Search Console設定作業1（hw1）之後，測試site:https://ccwntut.github.io/hw1是否網站已經被google編列索引了？
示意圖1

23-6.在Google搜尋引擎輸入作業1的title（陳擎文作業1），可以找到你的網站嗎？
示意圖1

23-7.在使用關鍵字「陳擎文作業1」搜索時仍無法找到該網站，可能的原因及解決方案如下：
(23-7-1).原因1：關鍵字出現次數不足，關鍵字優化不足
為什麼輸入關鍵字找不到你的網站：
◉關鍵字出現的次數不足，
◉其他網頁在相似關鍵字上的優化更好，因此Google尚未優先展示你的網站
解決方法：
◉確保你的關鍵字「陳擎文作業1」不僅出現在頁面標題，還應在頁面內容（如標題、段落）中合理出現，這有助於提升關鍵字的相關性。
◉檢查頁面是否有包含適當的Meta描述，並將關鍵字包含在Meta標籤中。

(3).學習網頁html的TDK：
TDK有助於搜尋引擎的SEO排名，促進網路行銷
網頁的TDK指的是什麼：
☎T代表的是該：網頁標題 title、
☎D代表了該：網頁描述 name=desicription、
☎K代表了該：網頁關鍵詞 name=keywords
◉<meta name="description" content="這是陳擎文作業1，包含程式碼和相關說明。">
◉<meta name="keywords" content="陳擎文, 作業1, SEO, TDK">

(4).關於：網頁關鍵詞 name=keywords
Google在2009年已宣布不再將Meta keywords作為排名因素。不過，其他一些較小的搜索引擎仍然可能參考它。因此，您可以添加Meta keywords標籤，但它對SEO的影響有限。


(23-7-2).原因2：Google的排名算法考慮外部網站的反向連結和網站的整體流量。由於您的網站可能較新，尚未有足夠的反向連結或流量來提高搜索排名
◉解決方法：建立反向鏈接：
◉獲取外部鏈接：來自其他高權威網站的鏈接（反向鏈接）能夠顯著提升網站在Google中的排名，並幫助Google更快地發現和索引您的網站。
◉社交媒體推廣：在社交媒體平台上分享您的網站鏈接，


(23-7-3).原因3：時間問題，一般要【數週】時間，Google才會提供關鍵字查詢
Google索引和排名可能需要一些時間進行調整。即使網站已經編入索引，通常還需要數週時間，才能在相關關鍵字的搜索結果中顯示。
解決方法：
◉耐心等待，並持續進行內容優化和SEO的改進。


23-8.觀看【成效】➜【新增篩選器】➜【國家地區】
示意圖1
美國，示意圖
台灣，示意圖
比較：美國 vs 台灣，示意圖


23-9.觀看【成效】➜【新增篩選器】➜【裝置】
比較：桌面 vs 行動裝置，示意圖


23-10.觀看【成效】➜【4個指標】➜用於評估網站在Google搜尋結果中的表現
成效4個指標，示意圖
◉1. 總點擊次數（Total Clicks）
定義：這表示使用者在Google搜尋結果中【點擊你的網站鏈接】的總次數。
解釋：這是網站流量的直接反應，表明有多少人從Google搜尋進入您的網站。高點擊次數代表搜尋結果中的排名表現良好，或標題與摘要（Meta描述）足夠吸引人。
◉2. 總曝光次數（Total Impressions）
定義：這表示您的網站【在Google搜尋結果頁中被顯示】的次數。無論使用者是否點擊鏈接，只要出現在搜尋結果中，就算一次曝光。
解釋：曝光次數反映您的網站在不同關鍵字下的可見性。如果曝光次數高但點擊次數低，可能代表需要優化頁面標題或Meta描述以吸引更多點擊。
◉3. 平均點擊率（CTR, Click-Through Rate）
定義：這表示點擊次數與曝光次數之間的百分比關係，即有多少曝光轉化為點擊。計算公式為：

解釋：高CTR代表您的搜尋結果對使用者有吸引力，反之，則可能意味著需要改進搜尋結果中的標題或描述來提高點擊率。
◉4. 平均排名（Average Position）
定義：這表示您的網站【在Google搜尋結果中的平均排名】。1代表您的網站位於搜尋結果的最頂部，越高的數字代表排名越低。
解釋：平均排名越靠前，意味著您的網站在搜尋引擎中的排名表現較好。較高的排名通常伴隨更多的曝光與點擊。如果平均排名不理想，則需要進一步優化SEO策略。


23-11.觀看【成效】➜【新增篩選器】➜【頁】篩選器的用途：
示意圖1，
示意圖2，
用途：【頁】**篩選器，是用來篩選【特定網址（或網頁）】的成效數據
例如，您可以篩選「https://ccwntut.github.io/hw1」這個網頁網址，來查看其在Google搜尋結果中的曝光、點擊、點擊率（CTR）和平均排名。


23-12.觀看【成效】➜【新增篩選器】➜【查詢】篩選器的用途：
示意圖1，
示意圖2，
用途：【查詢】篩選器，您可以查看【特定關鍵字】，哪些搜尋查詢帶來了最多的點擊和曝光。這樣可以幫助您了解哪些關鍵字能夠有效引導流量到您的網站。
例如，您可以篩選「陳擎文 作業1」這個查詢，來查看使用者在搜尋這個關鍵字時，您的網站在Google搜尋結果中的曝光、點擊、點擊率（CTR）和平均排名。

範例3-2-css-style-class

範例3-3-滑鼠滑過變換圖片

範例3-4-javascript直接設定style

css的padding, margin

24-1.範例成果

24-2.範例4題目

24-3.下載網頁模板

24-4.【網址】Google Analytics(GA)首頁網址

24-5.【簡報ppt】GA操作教學(1)-基礎篇

24-6.【簡報ppt】GA操作教學(2)-自訂事件，設定重要事件(轉換)

24-7.【網址】用Google Tag Assistant(GTA)來檢驗GA4代碼是否安裝成功

24-8.【實作成果】使用Google Analytics(GA)安裝代碼來追蹤hw4網站的流量

24-9.【實作成果】使用Google Tag Assistant來檢驗GA4代碼是否正常安裝

24-10.前端網站的三元素結構圖

範例4-1-清單-ul-li

範例4-2-第3種css-link外部檔案

範例4-3-js-數字相加

範例4-3-js-比較大小

1. Google Analytics 簡稱 GA ，是 Google 推出的網站流量分析工具，免費且功能強大，Google Analytics廣泛應用在【網站管理、數位行銷、SEO 執行】。

2. Google有提供【示範帳戶】給使用者練習，可以在Analytics 的帳戶選擇工具 (也就是選擇機構組織和帳戶連結的地方) 找到這個示範帳戶

3.每個 Google 帳戶可建立的 Analytics 帳戶數目有限。目前每個 Google 帳戶的 Analytics 帳戶上限數量是 2000 個字元。

Google的示範帳戶，將佔用其中一個額度。


4.示範帳戶含有三項資源，隨時都可使用帳戶選取器切換至其他資源
◉Google Analytics 4 資源：Google 商品網路商店 (網站資料)
◉Google Analytics 4 資源：Flood-It! (應用程式APP和網站資料)
◉通用 Analytics 資源：Google 商品網路商店 (前一版本的網站資料)


5. GA 的工作原理 ◉Google Analytics 碼分析主要是用網頁標記 (Page tags) 的追蹤技術進行資料收集， ◉我們可以將特定網頁或網站中的每一頁，如此一來當使用者造訪網頁時，使用者的瀏覽資訊就會被載入 Google Analytics 的追蹤碼 (Google Analytics Tracking Code) ，這組追蹤碼會追蹤到訪客在每一頁上所進行的行為，並將資料發送到 Google Analytics 資料庫，最後在 Google Analytics 以各種報表的呈現。 ◉將 Google Analytics 的追蹤碼放在網頁的＜HEAD＞，於是它就像【監視器】一樣，追蹤到訪客在網頁上的行為。
◉應用：如果想知道網站中某個特定的網頁的某個【超連結】，網友是否有有點擊，就必須在GA設定一個使用者行為，GA 可以讓使用者自訂標籤，來提供更有價值的資訊。


5.Google Analytics 4 的幾種功能：
注意：要先設定Google Analytics 的追蹤代碼（Tracking Code）
◉追蹤訪客輪廓：透過在網站上設置 GA 追蹤代碼，GA 可以追蹤訪客的各種特徵與行為。
◉分析訪客行為：GA 可以分析訪客在網站上的使用行為，並提供重要的「維度」和「指標」來進行數據分析。
◉提供數據參考建議：根據訪客行為和網站表現，GA 提供具體的數據建議，幫助優化網站。
◉報表分析流量來源：GA 支援分析各個流量來源管道（如搜尋引擎、社群媒體、廣告等），讓你了解流量來源的效果。
◉網頁使用者表現分析：GA 提供對各個網頁的使用者行為分析，包括停留時間、跳出率等指標，幫助評估網頁的使用效果。


6.如何讀懂 GA 報表：
Google Analytics 主要由四大報表組成：
◉目標對象
◉客戶開發(獲客)
◉行為
◉轉換：


7.報表的重要組成要素：指標與維度
◉維度：可以理解成【分類，種類】，例如：訪客語言、地區、使用系統
◉指標：可以理解成該【維度的數值】，例如：訪客人數、工作階段、新訪客數


8.第1種報表：目標對象（Audience）
功能：
◉可以知道哪些人進入了我的網站？訪客輪廓？
◉經由什麼樣的方式進入網站？
◉使用什麼樣的瀏覽器、語言？
◉來自與什麼國家、城市


9.第2種報表：客戶開發報表(獲客，Acquisition)
功能：
◉可以知道訪客是從哪些管道進入到你的網站
◉例如：知道訪客來自【Facebook、App、搜尋引擎】
◉知道訪客來自於【Search Console】（自然搜尋來的效果）
◉知道訪客來自於【Google Ads】（廣告投放的效果）

比較2個報表的差異：
◉1-【目標對象報表】：哪些人進入了我的網站？訪客輪廓？➜【什麼樣的人來本站】
◉2-【客戶開發報表】：訪客是從哪些管道進入到你的網站➜【由什麼方式來本站】


10.【客戶開發報表】上面的5種網站流量來源：
◉(1).推薦流量(Referral)：
經由其他網站導流至你的網站，透過對方連結進來的流量就會被歸類在推薦流量，又稱參照流量。
例如：網友是透過其它網站【部落客/臉書的文章】，連結進入你的網站，就是推薦流量。

◉(2).直接流量(Direct)：
定義1：訪客直接進入你的網站，這樣的流量就稱之為直接流量，
定義2：只要入站的地點本身沒有網址，也稱為直接流量，
例如1：直接輸入網址，進入網站
例如2：從手機App上點連結進入網站。
例如3：在 LINE 或 Instagram APP中，點擊連結進入網站，由於連結位置在 App，會被視為直接流量。

◉(3).自然搜尋流量(Organic)：
訪客透過【Google搜尋引擎】輸入關鍵字，透過搜尋結果進入，這類流量被稱為自然搜尋流量。自然搜尋流量可以透過 SEO 操作，讓網站在相關的關鍵字都有較好的搜尋結果排名，進而有更多的自然流量。

◉(4).付費搜尋流量(Paid Search)：
訪客經由關鍵字【廣告】進入你的網站，這種流量都歸類在付費搜尋。

◉(5).社群流量(Social)：
從 Facebook、Twitter 等社群網站，因為你的UGC內容分享(文章介紹，圖片，影音)，而進來的流量。
注意1：雖然是由社群平台，但卻使用手機App方式(例如：Instagram 與 TikTok 的APP操作)，從這些 App 進站就會被歸類上直接流量。
注意2：若是採用Instagram 與 TikTok網頁，經由內容分享推薦方式，而進入本站，則被歸類為社群Social流量。


11.【請問】：有網友，因為在FaceBook上，點按你的網站超連結而進入本站，請問這是屬於哪一種流量來源？


12.如果有網友，因為在FaceBook上，點按你的網站超連結而進入本站，請問這是屬於哪一種流量來源？
◉這種屬於：推薦流量(Referral)：

◉為什麼facebook網頁的超連結登入本站的流量，不能算是【社群流量】？
◉原因1：社群流量 (Social) 通常指的是使用者透過社群媒體平台上的【內容】而吸引而來的流量。
例如：使用者看到 Facebook 上的 貼文、影片，或者 朋友分享 的內容，點選連結進入您的網站。
例如：使用者在 Facebook 上 搜尋 您的品牌或產品，然後點選您的 官方粉絲頁 連結進入網站。

◉推薦流量 (Referral) 則指的是使用者透過 其他網站或平台的連結 進入您的網站，而這個連結與社群平台本身的內容沒有直接關係。例如：
例如：使用者看到 Facebook 上的 廣告 連結，點選後進入您的網站。
例如：使用者在 Facebook 上 訊息 或 群組 中看到您的網站連結，點選後進入網站。

◉Google Analytics 通常會將 Facebook 網頁超連結的流量歸類為 Referral，
因為 Facebook 並沒有提供與社群內容相關的流量數據


13.第3種報表：行為報表（Behavior）
功能：
可以知道訪客在我的網站上做了些什麼？例如：
◉訪客從哪些頁面【開始瀏覽】
◉訪客在每個頁面的【停留時間】、
◉訪客瀏覽了【哪些頁面】，
◉訪客在每個頁面的【瀏覽狀況】

用途：
◉找出網站上【哪些網頁表現較佳】
◉也能知道【哪些頁面表現差、使用者體驗不佳】，需要進行優化


14.第4種報表：轉換報表（Conversion）
功能：
網站完成了多久目標？例如：
◉訪客有【註冊會員】
◉訪客有【留下聯絡資訊】
◉訪客有【填寫問卷調查】
◉訪客有【下單】
◉訪客有【匯款】

注意：【目標】是自己事先設定的，沒有先設定目標，就不會有【轉換報表】
方法：必須先於【管理】【資料檢視】【目標】中，
設定網站的重要【轉換指標】，才能在轉換中查看資料


15.Google提供GA 證照，免費考試，可以重複線上考試，共 70 題選擇題，測驗時間 60 分鐘，滿 80 分即可通過
GA證照，對於職場的行銷工作，很有幫助。
【GA證照考試網址】


16.Google提供GA學習中心課程：
101：開始使用 Google Analytics 4 (GA4) (初學者)
102：管理 GA4 資料並瞭解如何閱讀報表 (初學者)
201：深入瞭解 GA4 資料和報表 (中級)
301：搭配其他工具和資料來源使用 GA4 (進階)
【GA學習中心課程網址】

28-1.範例成果

28-2.範例8題目

28-3.下載網頁模板

28-4.下載並安裝架站軟體：xampp官網下載

28-5.下載並安裝全球最大論壇程式Discuz，官網下載最新版

一，商務網站的三層架構（淘寶，momo，蝦皮.....)：
A.客戶端app（client，前端）：html，javascript
B.伺服器網頁（server，後端）：php，jsp，asp.net
C.資料庫（database）：mySQL，SQL server

二，建立商務網站的四項工作：
A.建立前端網頁(html，css，javascript)
B.架站(apache)
C.建立資料庫(mysql)
D.建立後端網頁(php)

架站軟體1：xampp官網下載 xampp安裝教學影片(windows) xampp安裝教學影片(MAC) mac如何尋找htdocs目錄：選取open application folder 然後就能找到所有相關的資料夾 htdocs也在裡面
下載作業1：bitter_sweet 下載網頁：貓走路動畫
取得你電腦IP方法1：到chrome輸入myip 取得你電腦IP方法2：cmd模式，ipconfig，找IP4的網址（例如：192.168.68.101)
youtube教學影片：同時安裝2種mysql資料庫（先安裝workbench，再安裝xwampp）的解決方法
同時安裝mysql worbenck 與xampp，會因為port:3306的衝突，而無法使用➜出現紅色警告
圖示
解決方法：修改xampp的port為任何的號碼（例如3307），要修改3個地方，很複雜，請看教學影片示範

(1).第1個修改：Apache➜config➜phpMyAdmin(config.inc.php)
$cfg['Servers'][$i]['host'] = 'localhost:3307';
圖示， 圖示， 圖示，

(2).第2個修改：Mysql➜config➜My.ini➜
port=3307
port=3307
# bind-address="localhost:3307"
# master-port = 3307
圖示， 圖示， 圖示， 圖示， 圖示，

(3).第3個修改：config➜Service and Port Settings
mysql：3307
圖示， 圖示， 圖示，

(4).第4個修改：Quit➜重新開啟：Xampp Control Panel➜紅色警告不見了
Apache➜Start
Mysql➜Start➜紅色警告不見了
圖示， 圖示， 圖示，

(5).開啟mysql資料庫：Mysql➜Admin
圖示，

架站軟體2：wamp官網下載
全球最大論壇後端程式平台：Discuz(騰訊公司，後端程式PHP)官網下載最新版
(1).php+mySQL資料庫，解壓縮後，複製upload到www下，直接http://localhost/upload/安裝，（資料庫帳號密碼root，管理者admin/admin）
測試：本機端discuz論壇

(2).新增論壇版塊：
方法：【管理中心】➜admin/admin登入➜左邊menu選➜論壇➜版塊管理➜建立結構：
Discuz➜美食討論，旅遊分享，二手買賣
北科大➜經管系，資財系，工管系

(3).用admin身份發一帖子：大安區哪裡有好吃的宵夜 ？

(4).註冊一個『一般會員』：
先退出admin
【立即註冊】：帳號，密碼(最少6個字)
不會發驗證信到email

(5).使用最新的『一般會員』帳號，去回答帖子：
大安區的通化夜市有很多好吃的宵夜。

(6).加上ipconfig的IP4位址：http://192.168.68.101/upload/
如何把IP4位址，變成網域？
(1).【付費】申請網域：Bluehost

(2).【付費】申請網域：awardspace

(3).【付費】申請網域：agilityhoster

(4).【免費】申請網域：到freenom官網
freenom申請教學

付費的域名申請：GoDaddy(全世界最大DS商) 【付費】GoDaddy官網
(1).下載資料庫（ch09.sql）
(2).查詢ch09資料庫，books資料表
SELECT * FROM `books`;

(3).練習題目:
/*
1.查詢所有書籍資料。
2.查詢書籍名稱和價格。
3.查詢價格大於 400 元的書籍資料。
4.查詢書籍名稱包含 "設計" 的書籍資料。
5.查詢負責員工編號為 1 的書籍資料。
6.查詢價格介於 300 元到 500 元之間的書籍資料，並按照價格降序排列。
7.查詢價格最高的書籍資料。
8.查詢價格最低的書籍資料。
9.查詢平均價格。
10.查詢書籍名稱以 "A" 開頭的書籍資料。
11.查詢書籍名稱以 "術" 結尾的書籍資料。
12.查詢負責員工編號為 1 和 2 的書籍資料。
13.查詢價格不是 350 元的書籍資料。
14.查詢所有書籍資料，並按照價格升序排列，如果價格相同則按照書籍名稱降序排列。
15.查詢每個負責員工編號所負責的書籍數量。
16.查詢每種價格的書籍數量。
17.查詢價格第二高的書籍資料。
18.查詢價格第三低的書籍資料。
19.新增一本書籍，書籍編號為 36，書籍名稱為 "Python 程式設計入門"，價格為 420 元，負責員工編號為 2。
INSERT INTO books (書籍編號, 書籍名稱, 價格, 負責員工編號)
VALUES (36, 'Python 程式設計入門', 420, 2);
20.刪除資料:刪除書籍編號為 36 的書籍資料。
21.刪除價格低於 300 元的書籍資料。
22.修改資料:將書籍編號為 37 的書籍價格修改為 520 元。
23.將書籍名稱包含 "設計" 的書籍，負責員工編號修改為 1。
*/

sql習題解答

資源
上課工具 線上黑板( Online blackboard) 廣播教學 上課錄影影片 Goole輸入法(Input:exe)
證照考試：商用數據應用師 考試題庫 (從中約抽70題) 報名證照相關說明與方法 考試方式：100題單選題，每題1分，70分及格 考試指定用書
數據集，資料集，dataset UCI的各種資料集 Kaggle的各種資料集 考試方式：100題單選題，每題1分，70分及格 考試指定用書
上課參考教材 書籍：跨領域學 Python：資料科學基礎養成 書籍：Python 資料科學與人工智慧應用實務 書籍：一行指令學Python：用機器學習掌握人工智慧
書籍：用Pandas掌握商務大數據分析 進階書籍：Python商業數據分析：零售和電子商務案例 pandas官網(英文) w3schools的pandas教學(英文)
pandas參考教材 w3Cschool的pandas教學(中文) Steam教學網-python 蓋若pandas 教程 pandas的df的操作函數
colab繪圖如何顯示中文，方法1 ☎#colab顯示繁體中文，方法1 問題：matplotlib繪圖，會發生中文無法顯示的問題
參考：colab繪圖如何顯示中文
☎程式碼：
#--------------------------------
# colab繪圖顯示繁體中文
#--------------------------------
import matplotlib
# 先下載台北黑體字型
!wget -O taipei_sans_tc_beta.ttf https://drive.google.com/uc?id=1eGAsTN1HBpJAkeVM57_C7ccp7hbgSz3_&export=download import matplotlib
# 新增字體
matplotlib.font_manager.fontManager.addfont('taipei_sans_tc_beta.ttf')
# 將 font-family 設為 Taipei Sans TC Beta
# 設定完後，之後的圖表都可以顯示中文了
matplotlib.rc('font', family='Taipei Sans TC Beta')
colab繪圖如何顯示中文，方法2 ☎#colab顯示繁體中文，方法2 ☎程式碼：
#--------------------------------------
# 課本的中文處理
#--------------------------------------
import matplotlib as mpl
import matplotlib.font_manager as fm

!wget "https://www.wfonts.com/download/data/2014/06/01/simhei/simhei.zip"
!unzip "simhei.zip"
!rm "simhei.zip"

fm.fontManager.addfont('SimHei.ttf')
mpl.rc('font', family='SimHei')
# 這一行能讓字體變得清晰
%config InlineBackend.figure_format = 'retina'
windows的spyder繪圖如何顯示中文 ☎解決：windows的spyder，會發生中文無法顯示的問題
參考：windows繪圖如何顯示中文
☎程式碼：
#在windows 10 的spyder，繪圖如何顯示中文
#使用微軟正黑體（Microsoft JhengHei）
plt.rcParams['font.sans-serif'] = ['Microsoft JhengHei']

#有些中文字體在碰到負號時，會無法正常顯示，尤其是內建的字體，加入以下語法就可以解決『負號無法顯示』問題
plt.rcParams['axes.unicode_minus'] = False
在colab如何更改目錄 ☎解決：在colab如何更改目錄的問題
☎程式碼：
import os
os.chdir("/content/drive/MyDrive/Colab Notebooks")
!ls
解決簡體字csv造成亂碼 ☎解決簡體字csv，打開後都是亂碼的問題：

第2 種方式：
（1）先執行Excel 軟體，新增空白活頁簿，
（2）然後在上方功能選項中點選「資料」➜「取得外部資料」➜ 「從文字檔」 → 「選擇csv文件」，
選擇你的CSV 檔，
在「匯入字串精靈」對話框中選擇檔案原始格式65001:Unicode(UTF-8) 即可。

若是utf-8還是有亂碼，再改成
在「匯入字串精靈」對話框中選擇檔案原始格式54986:簡體中文(GB18080) 即可。

（3）打勾：我的資料有標題
（4）分隔符哈：逗號
程式模板 ☎存入excel檔案，並且畫柱狀圖
程式模板chp8-6.樞紐分析表的必要指令：展開 ☎輸出excel檔案：建立3個資料表sheet（英文成績，數學成績，中文成績）
打開chrome網頁線上英文字典功能 ☎如何安裝google chrome的網頁線上英文字典工具：
➜google chrome的右上角工具➜更多工具➜擴充功能
➜左上角主選單➜開啟chrome線上應用程式商店
➜勾選：google製作，免費
➜搜尋：google dictionary➜安裝
➜到chrome右上擴充功能➜點按google dictionary的『詳細資料』➜擴充功能選項
➜my language=chinese
➜打勾2個：Pop-up definitions:
（1）反白單字翻譯：Display pop-up when I double-click a word
（2）ctrl+拖曵整段翻譯： Display pop-up when I select a word or phrase
上課用excel 學生成績-chinese 學生成績-有缺值-chinese 學生成績-物理歷史-chinese 學生成績-amy-simon-chinese
學生成績-生日-chinese 學生成績-分組-chinese 人事資料-chinese 男女時薪-chinese
學生成績-english 學生成績-有缺值-english 學生成績-分組-english 圖書資料-chinese
上課用csv 小費tips-chinese 小費tips-english 學生成績-chinese 學生成績-english
圖書資料-chinese
上課用其它資料庫 mySQL-ch09 SQLite-student json-學生成績 xml-personnel
課本商業範例資料庫 商業銷售分析-sales csv 系所生源分析-excel 股市分析-台積電聯發科股票線型-excel 問卷資料分析-excel
pandas參考教材 十分鐘入門 Pandas(英文) 十分鐘入門 Pandas(英文) 10分鐘的Pandas入門-繁中版 十分鐘入門 Pandas(中文)
pandas參考教材 pandas官網全部章節翻譯 pandas官網全部章節翻譯
pandas參考教材(英文) kaggle pandas教學 100 pandas tricks to save you time and energy 官網0.22.0:pandas documentation
pandas參考教材(中文) Pandas 101：資料分析的基石 資料科學家的pandas 實戰手冊：掌握40 個實用 簡明 Python Pandas 入門教學 資料分析必懂的Pandas DataFrame處理雙維度資料方法
pandas速查手冊 pandas 速查手册 - 盖若 Pandas速查手冊中文版 - 知乎專欄 Pandas速查手冊中文版- 騰訊雲開發者社區
pandas速查手冊 Pandas中DataFrame基本函數整理（全） Pandas 魔法筆記(1)-常用招式總覽 pandas的df的操作函數
資料集dataset 小費資料集Tips Dataset(csv) kaggle小費資料集範例A Waiter's Tips example 【視覺化】小費（tips）資料集分析 小費（tips）資料集提取和檢視相應資料
SQL語法 SQL語法教程 pandas vs SQL
資料分析4大模組（runoob) numpy pandas matplotlib scipy
w3c、w3school、w3cschool、runoob、w3capi比較 runoob流量監控儀表板
w3school vs runoob 1.w3school中文版是直接google翻譯英文版
2.runoob.com翻譯自英文版w3schools，但重新排版
3.runoob = run + noob(菜鳥，小白)
4.runoob是python，html，javascript中文版最好的教學網
官網 python官網 vscode官網    
python 教學網站 python 3(官網手冊中文) python 3教學(中文) python 3教學(中文) 簡易1小時教學
w3school(英文版)      
線上執行python online

https://www.python.org/shell/（建議用這個）

https://repl.it/languages/python3


https://www.onlinegdb.com/online_python_compiler

https://www.tutorialspoint.com/execute_python_online.php
用Anacond寫python(*建議使用)

到Anacond官網下載安裝