#Martech

前言

以反追蹤為名的廣告大仗

98%, 80%, 1% 。

這是數位廣告營收在臉書、谷歌、蘋果三家公司的全年營收占比。這或許也解釋了為什麼在數位隱私權戰爭中，蘋果公司看似站在消費者的這邊，臉書站了個代表『中小企業』的位置，而號稱不作惡的谷歌立場卻有點搖擺，一會兒跟在蘋果後面阻斷追蹤工具(Chrome停用Cookie, Android系統的AAID追蹤也即將可選擇退出)， 一會兒延後發生時間。

喔，還有三個配角你可能也會想知道 5% & GDPR

前者是Amazon & Microsoft 的廣告占總收入比（其實是Amazon 5.57% 與Microsoft 6.60% ，而且Amazon 還在急起直追中。但我們饒了自己的小腦袋，先記得數量級就好）

後者GDPR 則是歐盟的隱私權保護規範（General Data Protection Regulation），精神就是你收集消費者什麼東西都需要經過消費者同意，而且要讓消費者有隨時反悔餘地。

一切都是為了更多錢啊：鞏固現有利益、球員當裁判、入侵他人領地。

用技術、商業聯盟、輿論、法院，用盡一切方法擴充領土，打擊對手。

圍繞著數位廣告的Adtech 發展脫離不了這場反追蹤大戲；Martech 在大池旁邊不免老是收到波折影響。

本週的重要新聞仍是大巨頭間的反追蹤作戰。

/科普時間：Cookie、IDFA與AAID

跨網頁時的追蹤會使用第三方Cookie。蘋果陣營的Safari早先已阻斷其使用。Google 陣營的Chrome原定在2022年停止接受第三方 Cookie，但2021年七月初聲明將會延後到2023年才實施。

跨App的追蹤，在蘋果陣營是IDFA(Identifier for Advertiser)，iOS14後使用者可以選擇不被追蹤。在Android陣營是AAID (Android Advertising Identifer)/

#AppleiOS14後廣告費用流入android

根據華爾街日報報導，Apple iOS14 可以選擇退出追蹤後，只剩下不到33% 的Apple 用戶選擇接受追蹤。五月下旬以來，持續有報導顯示Android 裝置的廣告收入上漲幅度高過Apple 裝置。

評：看起來令人費解，可追蹤的蘋果用戶變少了，蘋果用戶廣告單價不是應該上漲嗎？為什麼結果相反？我的推論是，國外廣告主大量採用的是指定使用者樣貌購買方式，當一邊（安卓）仍可以指定使用者樣貌（我要買住在灣區喜歡衝浪的人）另一邊則否（總之就是一個不知道性別年齡使用偏好的Apple用戶）的狀況下，前者的廣告單價變高，後者則會讓既有的廣告投放者無從買起。

這狀況還會持續一陣子，直到廣告界找出新投放方式，或是善用Apple的SKADNetwork(由蘋果推出，可以在iOS追蹤轉換率的方法。詳情等我這週了解下再說明)

廣告商不愛蘋果用戶的高消費力了嗎？當然不是，只是暫時還沒找到方法愛。

#Apple阻止中國廣告協會支持的CAID相關App上架

根據英國金融時報報導，蘋果阻止搭載中國廣告協會推出的CAID (CAA Advertising ID; CAA 是中國廣告協會China Advertising Association ）的app 更新到應用商店。被阻止的字節跳動、百度、騰訊等公司沒有回應，或者拒絕評論此事。

早前金融時報亦曾報導，P&G 或將支持CAID 在蘋果用戶的追蹤，藉以投放廣告。

評：中國是蘋果的存量市場，廣告是蘋果的潛在增量市場。若蘋果此舉遭遇最糟結果（在中國被下架；但我認為是不至於啦），會不會影響它對iOS阻止追蹤的決定呢？讓我們繼續看下去。

#由臉書贊助的研究顯示Apple應用商店的排行前四名程式均由Apple開發，Android亦同

Comscore 發表從去年底開始針對4000個手機用戶的追蹤調查，顯示App store 上面排名前四的App 均為原生開發。Apple 手機上的前四都是Apple 開發，Android 的也是。Apple 佔了排行前二十名的七成，Google 的也有六成。此報導暗示兩家業者在app store 上面進行不公平戰爭，對其他競爭業者不利。

Apple 反擊指出，同一家機構在今年四月的報導顯示狀況並非如此（註：其顯示Android 手機前四名app 的開發商，除了Google 之外還有臉書。完全是種二哥別笑大哥的反擊方式）

評：上週提到臉書面臨的反壟斷大戰，用反壟斷大招阻止對手也是種手法；至少你得浪費時間打官司或者回覆記者。

#Google表示將在Android12(2021年下半)後讓消費者選擇不被追蹤廣告ID

根據金融時報以及谷歌Play Store 管理中心資訊，谷歌也將在今年下半年後讓消費者選擇不被追蹤其廣告ID(AAID)

『谷歌補充說，在大修之後，試圖訪問那些選擇退出的人的廣告 ID 的開發人員“將收到一串零而不是標識符”』

評：“000000000 ”，不知道你覺得怎樣，我是覺得挺幽默的縫補措施。一來Android 用戶的更新幅度一直沒有蘋果那麼全面（現在去查，有多高比例的Android 使用者已經使用最新版OS，一定遠低於蘋果使用者。不但因為Android 裝置的向下支援做得比較保守，手機商不會主動推送也是另一個原因），就算Android 12採取跟iOS 14 一樣策略影響幅度也比較小。二來因為顯示為000000000 對廣告平台來說，仍不是空值（但代表什麼意思我就得查查了，至少可以解讀為『這是買得起新手機，換得起最新版OS使用者』，跟前面提到的iOS狀況不太一樣）

#Cyberbiz與Foodpanda合作提供企業級用戶半小時送達服務

台灣開店平台三巨頭之一的Cyberbiz 上週開始大舉推廣其與Foodpanda 合作的新服務，使用Cyberbiz 的商家可以搭載熊貓送貨服務，讓店家半徑五公里內的消費者選擇立即到貨，還可以進行低溫配送。

評：相較於國外的反追蹤大仗，我認為台灣未來兩年會發生的是物流大仗。除了上週提到的iKala與本週的Cyberbiz 加入戰局外，另一個新聞是韓國電商龍頭Coupang 也在上週來台，首波上市的就是生鮮雜貨外送。

*****
別擔心，我只是慢，沒有不寫。

就像王永福老師週末寫的：『不求連續，但求持續。』我好不容易在這場商業大戰中看出一點方向與端倪，可以的話，會盡量寫下去（但也得拜託大家幫我留言按讚分享等等，有人看才會有寫的動力啊）

一樣立下志願在這邊，可以連續寫十期後，再來推出訂閱服務。

好了，我繼續去把內文寫完了。光前言就寫了一千字... 內文不能再超過一千字啊。

果然又超過2500字...

#葉郎每日讀報

今天只有一件大事：Trump vs Twitter——

1)故事大綱：美國總統Donald Trump近日在Twitter上大肆批評加州政府推的郵寄投票會導致選票被攔截、竄改、濫用，結果他的貼文首度被Twitter的事實查核機制標示為誤導資訊，並引用各大媒體關於郵寄投票的報導內容來強調Trump貼文內容事實有誤。Trump隨即勃然大怒，接連發文指控這些社群媒體專門打壓美國保守派觀點、侵害言論自由，並強調他絕對不會坐視，將立刻開始嚴格管理並且不排除讓這些社群平台關門大吉。他並特別直接指名要對Twitter實施制裁。（https://bit.ly/3et0rNW）

2)流氓慣犯：Trump向來語不驚人死不休的霸凌貼文已經是美國知名風景，但逼得Twitter首度針對總統帳號開鍘的導火線則是他日前另外一個流氓行逕。Trump心血來潮突然在Twitter上鍵盤辦案，指稱經常批評他的前共和黨議員、現任MSNBC主播Joe scarborough的助理在辦公室心臟病發死亡的事件應該是一起婚外情的謀殺滅口案。讓死者家屬憤而發表公開信給Twitter執行長Jack Dorsey，要他刪除這些霸凌死者家屬的貼文。（https://bit.ly/36IltFI）

3)法院表態：來得早不如來得巧，2天前美國華盛頓特區上訴法院正好撤銷了一個右翼人士指控Apple、Facebook、Twitter、Google的言論自由侵害訴訟。法院認為言論自由權是用來對抗政府濫權，而原告並未能說明為何這幾家公司的行為如何等同於政府對人民言論自由的侵害效果。因此法院形同認定私人公司有權在其經營的平台上恣意禁言任何人。（https://tcrn.ch/36DnMd3）

4)說幹就幹：火冒三丈的Trump隨即簽署了駭人聽聞的行政命令，宣示要去除這些社群平台的言論保護傘。1996年通過CDA通訊規範法案第230條一方面讓社群網站不必為使用者的言論負責，一方面賦予其權限可以出於善意刪除使用者上傳的不當內容。Trump則意圖用行政命令來限縮後者的效力，讓社群網站不再可以任意修改或刪除使用者發佈的貼文。
（https://tcrn.ch/3c9e976）

5)提油救火：昨夜Minneapolis市因為先前發生黑人男子因警察執法過當致死的爭議，引發連夜的街頭暴亂，包含市警局在內多棟建築物遭抗議民眾縱火劫掠。Trump隨即火上加油地揚言動用軍隊鎮壓黑人，並引用1967年因鎮壓種族騷亂而惡名昭彰的邁阿密警察局長的名言「你敢行搶我就敢開槍」。結果總統大人再度觸發Twitter的審查機制，被以「美化暴力」的事由直接隱藏貼文內容（附帶一提Facebook和Instagram目前都還乖乖保留相同貼文）。匪夷所思的是這整套機制從來都是為了過濾小老百姓的暴力主張而來，現在卻用這把機關槍在對付國家暴力的巨砲——總統大人的嘴。（https://bit.ly/2XdtCyH）

6)原力覺醒：Star Wars星戰電影英國男星John Boyega也連夜在Twitter上參戰。他的一連串貼文引發了熱烈迴響，其中一則“I really fucking hate racists”的發言甚至快速得到了130萬個讚。雖然他的髒話連篇也惹來教壞小孩議論，但他仍然完全止不住怒火繼續說：“Although I don’t live in the States, I’m black … So I’ll say it again: fuck you racist white people. I said what I said. And if you don’t fucking like it, go suck a dick.”隨後並強調他媽媽看了貼文還連連稱讚他是好孩子。（https://bit.ly/3gCEo9l）

7)事件分析：今天有大量的報導在分析Twitter等多家社群平台的審查策略、Trump的網路惡霸性格、他的行政命令的有效性等等技術性的議題。不過紐約時報這一篇的觀點最引人注意：作者引用20年前網路論壇開始盛行以來的經驗，認為這就是最典型的「大吵大鬧的論壇成員試圖挑戰版主執法手段紅線」的論壇鬧劇公式，只是這次雙方當事人一方管理的是一個哥吉拉等級的全球公共論壇，另一方則是哥吉拉本人——世界最有權力的人：美國總統。有趣的是作者真的請教了資深論壇版主的經驗，得到了一個有趣的觀點：所有挑戰版主紅線的大吵大鬧爭的從來不是公平標準，爭的是權力。如果版主屈從於他們，只會讓他們一次又一次得寸進尺、不斷越界，直到整個公共論壇就是他們說了算為止。（https://nyti.ms/2AkOiMp）


其他今天也可以知道一下的事
￣￣￣￣￣￣￣￣￣￣￣￣￣
➤ AT&T執行長 John Stankey說HBO Max預計在明年初推出月租費更便宜的廣告版：「我們認為串流的長期發展將同時會有訂閱制和廣告制。如果你留心消費者的喜好，就會知道消費者喜歡有選擇性。如果精心安排並且提供與消費者自身相關廣告，你根本不會在意這個服務是不是有廣告」（https://bit.ly/3cg7fNg）

➤從知名的Chrome外掛功能得到靈感，Disney旗下的串流服務Hulu將推出「觀影派對」功能，讓一大群人可以在各自家中同時收看同一個節目（https://bit.ly/3gvCIhY）

➤主辦金球獎的HFPA好萊塢外國記者協會特地為了《The Mandalorian 曼達洛人》引發的討論發表聲明，澄清只有提供聲音表演的演員並無法報名表演類的獎項（https://bit.ly/3dh8Kw7）

➤日本電影院剛剛恢復營業因此沒有太多新片上映，以至於被許多人認定為邪教的幸福科學教出品的電影《心靈喫茶》以大量團體包場的手段拿下得票房冠軍（https://bit.ly/3gCor2X）

➤美國三大付費電視服務Comcast、Charter和Viacom聯手成立平台讓廣告主可以依據用戶的喜好量身訂製個人化電視廣告（https://bit.ly/36DYHyP）

➤ 德國Berliner Ensemble柏林劇團拆掉大量劇院座椅以便迎接社交距離的新劇場時代，同時為避免人潮聚集將暫停中場休息並讓觀眾可以在演出中隨時去上廁所（https://bit.ly/3dgpDa7）

➤彭博新聞推出了一個非常有趣的互動式網頁幫助（美國的）使用者判斷什麼樣組合的串流產品是最適合你的需求的，不過該網頁在付費牆內就是了（https://bloom.bg/36I5ebI）

➤英國影藝學院的Bafta電視獎將採用虛擬典禮直播的方式進行線上頒獎（https://bit.ly/3ckKvvW）

➤ 從4月延後到10月舉行的Coachella藝術節開始詢問演出者明年的檔期，顯示他們正在考慮完全取消今年的藝術節（https://bit.ly/3df7qtL）

➤四名被害人向Harvey Weinstein和Miramax公司現在的所有權人Disney提告，指控Weinstein利用製片權勢強姦17歲的年輕演員（https://bit.ly/36IMAjK）

➤最擅長畫VR產業大餅的Magic Leap創辦人Rony Abovitz在緊急募到新資金以避免繼續裁員後，宣佈將交出執行長位置（https://tcrn.ch/2TPJQvI）

➤法國政府提前到6月22日開始讓電影院重新開門營業（https://bit.ly/3cdhCSi）

➤跳過電影院的首輪VOD市場造福了你意料之外的族群——那些過去沒有辦法前往電影院看首輪電影的身心障礙者，比如腦性麻痺、脊椎側彎、先天性多發性關節攣縮症等病友終於首次趕上首輪電影（https://bit.ly/2yNJBKC）

這一系列文總共有三篇，這是第二篇。

上一篇解決了 social network 抓取 head tag 裡面的 title, og data 等問題，但其實還有 search engine 要解決，因為 social network 只看 head，但 search engine 除了 head 以外也會看 body，所以這篇要來解決 body 一模一樣的問題。

傳統的 web 開發方式通常是一條龍開發 (你就是那條龍！)，後端取得資料庫的內容，然後組成 HTML 之後丟到瀏覽器上顯示。現代的 web 開發方式通常就是一個前端配一個後端，後端專注於把資料送給前端，前端專注於取得資料後在瀏覽器上面顯示漂漂亮亮的。而傳統方式稱為 server side rendering (SSR)，現代方式就稱為 client side rendering (CSR)。兩者開發方式各有優缺，蠻多文章有提過，這裡也就不另外說明了。

比較簡單判斷 CSR/SSR 的方式可以直接在你想知道的網頁，按下 Ctrl+u (Windows, Linux) 打開原始碼，看看實際上顯示的內容跟原始碼是不是差異過大。如果網頁內容很豐富，但原始碼才十幾二十行而已，那可以很粗略的說這是 CSR，如果基本上一致那就可以說是 SSR。

而 search engine 就是靠著原始碼把網頁內容做索引，所以如果谷歌大神到 CSR 的網站爬網頁內容，最後爬到的 body 當然都是同一份內容，這樣子對於 SEO 上是不合格的，所以這裡就要分享一下 Funliday-旅遊規劃 是如何處理這塊的。

第一種方式，可以用 VAR 這三套前端框架各自支援的 SSR 方案來處理，像是 Nuxt.js, Next.js, Angular Universal，這些內容已經有許多前輩分享，這裡就不另外說明了。但要注意一點，就是導入這類的解決方案通常會影響到原本的開發模式，像是 webpack 跟 bootstrapping 的方式就一定會動到，小編是建議對框架真的很熟悉之後，再來用這方式會比較好。

第二種方式，就是這次的重頭戲 prerender 了。prerender 也不是什麼魔法，就是一句話「讓爬蟲看到它應該要看的內容」。如圖所示，當 Nginx 收到 request 之後，發現 user agent 是 googlebot 就轉送到 prerender service，如果是一般 request 就直接丟到後面原本的 web server。

而 prerender service 接到 request 之後，就執行 headless chrome (用程式控制沒介面的 Google Chrome)，把原本的網頁用 CSR 處理完之後，再把 HTML 的完整資料傳回給 googlebot，這樣子就達到「讓爬蟲看到它應該要看的內容」的功能了。原本的程式完全不用改，只要在 Nginx 做處理就可以了，也是負擔相對較小的方式。

另外，用了 prerender 之後，原本第一篇為了 title, og data 所做的調整也可以拿掉了。因為 CSR 本來就可以改 title, og data，所以避免重複做一樣的事，app.get("*") 這個 route 裡面關於 metadata 的功能也可以直接刪掉了。

那為什麼還會有第三篇？因為 Funliday 實際在應用 prerender.io 似乎有些問題，所以我們就改成自己寫 prerender 了，原因下回說明。

* Prerender.io：https://prerender.io

#prerender #funliday