跨越行動網頁與原生軟體的隔閡 – PhoneGap

隨著行動運算的市場規模成長,許多Web開發者也紛紛的對行動平台感到興。然而,為了能夠在iPhone或Android上推出自己的軟體,就必須得花上不少時間先學會這兩個平台上的相關開發技術,讓許多Web開發者遲遲無法跨入這個領域,選擇用網頁技術開發行動版網頁作為替代,而PhoneGap便是可以解決這個問題的最佳選擇!
評論
評論

隨著行動運算的市場規模成長,許多 Web 開發者也紛紛的對行動平台感到興。然而,為了能夠在 iPhone 或 Android 上推出自己的軟體,就必須得花上不少時間先學會這兩個平台上的相關開發技術,讓許多 Web 開發者遲遲無法跨入這個領域,選擇用網頁技術開發行動版網頁作為替代,而 PhoneGap 便是可以解決這個問題的最佳選擇!

8/15 更新!

JetPlurk 的作者 Irvin 提供了他們在 Coscup 上 Lightning Talk 時 展示的範例程式碼 ,讓有興趣的朋友可以參考。

跨平台間的共同開發環境


除了 Android、iPhone 兩大陣營之外,國外最大的 Blackberry 和透過 Mameo 展開反擊的 Nokia 也都佔有一定的市場。而每個不同的平台均有不同的開發工具、開發環境,對於行動開發者而言會是很大的負擔。

然而,在這些平台中,其實是有著共同的標準,也就是網頁標準 HTML、CSS 與 JavaSript,且由於 HTML 的快速發展,一些新的技術像是 HTML5 或是 CSS3 的出現,讓網頁可以突破傳統的限制,成為功能完整的應用程式。更重要的是,這些行動網頁的軟體大多都可以幾乎不用修改、或是透過很少的修改便移植到不同的平台。

原生軟體的優點

由於是透過瀏覽器作為軟體的入口,所以仍然與一般的 apps 有明顯差異。更重要的是,這些網頁軟體沒有辦法像其他原生開發的軟體一般,透過軟體銷售平台獲利,而是必須在行動網頁中自行加入付費的會員機制或是廣告。

這樣的困境便造成了網頁開發者的兩難局面:固然開發行動網頁作為軟體是容易且跨平台的,但最終成品與原生應用仍有明顯的差異,但學習原生的開發卻又必須花費許多時間成本。

PhoneGap

PhoneGap 便是為了要解決這個問題而誕生了!

這套開放原始碼的解決方案,便是提供了 iPhone、Android、Palm 和 Blackberry 平台的原生包裝軟體(wrapper),讓行動網頁可以被包裝成原生軟體的樣子,而不需透過瀏覽器作為入口。

背後的原理也沒有很複雜,PhotoGap 所提供的其實是一個只有瀏覽器的軟體程式碼和幾個已經預設建立好的資料夾,而我們所要做的事情便是將寫好的網頁應用程式,包含 HTML、CSS 和 JavaScript 放到指定的資料夾中,便可以完成一隻以假亂真的原生應用軟體了!

以 iPhone 為例

就讓我們以 iPhone 平台作為例子,做一個簡單的介紹吧!

PhoneGap 的安裝步驟以比較複雜,大概如下:

  • 安裝好 iPhone SDK(可以由 蘋果的開發網站 下載)
  • 下載 PhoneGap 的最新版本
  • 打開終端機並切換到剛剛下載的資料夾下,進入 phonegap-iphone 子目錄並且輸入 make 建立安裝檔
  • 執行剛剛建立出來的安裝檔叫做 PhoneGapLibInstaller.pkg 進行安裝

接下來我們就可以開始建立第一個 PhoneGap 軟體了!
打開 Xcode 並且建立專案,你會發現在側欄中多了 PhoneGap 的選項,選擇建立一個新的 PhoneGap 專案後 Xcode 便會自動生成大多數的檔案。

我們會在專案目錄中看到其中有一個 www 資料夾,這個資料夾中便可以讓我們放置軟體中所需要用到的 HTML 以及 CSS 和圖像等檔案:

在我們加入適當的網頁內容後,另外需要設定 BaseSDK 以便讓 Xcode 編譯時可以使用最新版的 iOS 4.0 SDK 來進行編譯,我們在專案的項目上面按右鍵選擇 Get Info:
接下來在選項中找到 Base SDK,選擇 iPhone Device 4.0 即可:
最後則是在 Xcode 左上角選單中選擇 Simulator,然後編譯就可以在模擬器中看到成果囉!

進階玩法

除了基礎的網頁之外,我們可以透過 PhoneGap 所提供的其他一些 JavaScript API 來與原生的 UI 元件做連結,像是加速器、攝影機等等,在 官方網站的文件 中都有記載相關的使用方式。

結論

這一類的應用程式在 App Store 中其實有相當不少的案例了,像是 JetPlurk 這套相當流行的噗浪軟體便是透過 PhoneGap 所完成的。筆者相信,隨著行動市場的崛起,未來會有越來越多網路業者和開發者投入行動市場,這一類的應用程式框架將會越來越受到重視、功能也將會變得更為完善!


Cookie 消失?試試看全新 AI 影像內容辨識:讓用戶看的內容決定看到的廣告

Google Chrome 即將淘汰幫助廣告主的工具—— Cookie ,它的離去將再一次地影響數位廣告產業。
評論
Photo Credit:<a href="https://www.shutterstock.com/zh/image-photo/ai-artificial-intelligence-big-data-internet-1075853384" target="_blank">shutterstock</a>
評論

透過GA分析進站者發現, Safari的新客數越來越多,難道這表示 iOS 的用戶數也跟著增加了嗎?注意了,這有可能是 Apple 封鎖第三方 Cookie 帶來的影響。隨著 Google 即將淘汰 Chrome 上的 Cookie ,這個幫助廣告主記住用戶受眾的小工具,將要再一次地影響數位廣告產業。

Photo Credit:驚點股份有限公司( FreakOut Taiwan )

後 Cookie 時代的廣告受眾如何鎖定?

各大廣告平台在過去幾年不斷地透過 Cookie 以及其它方式,悄悄收集使用者的用戶數據,隨著這幾年用戶的隱私權意識抬頭, Apple 與 Google 對於藉由 Cookie 辨識用戶資料的廣告投遞方式,持有不同的態度,這也將是所有廣告主的極大挑戰。當 Cookie 不復存在,要如何辨識使用者資料?

Cookie 消失了,或許會有新的數據辨識工具來取代,但是任何試圖跟蹤受眾的方式,都難以符合大眾對於保護隱私權的期望。另一方面,也極有可能無法再通過日趨嚴格的媒體監管限制。無論如何,數位廣告不能像過去一樣,無條件地使用類似 Cookie 的追蹤方式,來達到與現在同樣的廣告效果。

後 Cookie 時代內容辨識類型的廣告鎖定方式,將成為未來具指標性的投放策略。廣告與瀏覽平台或內文主題的高相關性,不僅能顯著提高受眾的互動度,更重要的是,完全不需要收集任何個人數據。

FreakOut Taiwan 不斷嘗試更友善的廣告投遞形式, 自 2016 年進入台灣市場的原生廣告,到 2020 年末引進「 Mirrors 」 AI 影像視覺內容辨識系統,都是以網路使用者的角度出發。「 Mirrors 」不需要使用傳統的受眾興趣設定,即可針對「目標受眾在觀看的影像內容」、「品牌自身競爭對手或相關指定系列產品出現的影片」來投遞 YouTube 上的影音廣告。

Photo Credit:驚點股份有限公司( FreakOut Taiwan )

AI 人工智慧影像技術突破,推動新一代內容辨識功能

傳統的內容比對廣告皆為自然語言處理 NLP 中心,基於「純文字」的比對來顯示相關廣告,如大家很熟悉的 Google AdSense 。但是,結合新興的 AI 演算和複雜的圖像辨識,已然能夠達到「影片」的內容偵測,透過增加多個比對層和基於自然語言處理 NLP 的基準定位,可深度學習並提供更精細的辨識洞察力。

舉例來說,若想要將汽車廣告投放給對汽車有興趣的人,我們要先從可能對汽車感興趣的受眾中開始推估,並且根據過去的經驗加入不同的興趣條件,最後針對素材更進一步地測試。透過 Mirrors ,我們可以讓廣告出現在有滿足特定條件的影片內,例如:在消費者觀看的影片中,出現汽車評測報告、自家品牌或競爭對手的 LOGO 、代言人等指定條件,再依照不同廣告主設定的預算判斷是否露出廣告。

藉由這樣的影像比對方式,可以更有效地根據消費者行為觸發廣告投遞條件,而不再是現行的用戶受眾數據。人的興趣是多樣且多變的,當對汽車有興趣的用戶在完成汽車的選購後,短期內將不會再瀏覽相關資訊,轉而瀏覽其他更具時效性的內容。透過消費者當下正在觀看的影片內容,取代消費者身上被貼上的數位標籤,將更貼近消費者本身的使用行為。

Photo Credit:驚點股份有限公司( FreakOut Taiwan )

Mirrors AI 影像辨識:用消費者看的內容決定廣告

2021 年台灣數位報告指出,台灣人在各網路內容服務中,最愛「網路影片」的比例高達 97.9%,遠超過 Vlog、串流音樂、網路廣播、Podcast 。

影音廣告早已是品牌經營的趨勢:根據 DMA 2019 年台灣數位廣告量統計報告指出,台灣各類型廣告中,影音廣告以 37.2% 的成長比例大幅領先奪冠。其中 YouTube 持續蟬聯台灣最常被造訪網站第 2 名(僅次於 Google ) ,在台灣各大影音平台中的觸及率及影響力不容小覷。

2021 年 FreakOut Taiwan 已與客戶合作,進行搭載新系統的 YouTube 串流內廣告投遞,在針對品牌及產品客製化的多層鎖定策略建議下,房地產廣告的 CTR 表現高於平均,並發現「人臉」群組辨識表現為佳,其中多為財經、名嘴等名人。而美妝品牌廣告 VTR 表現優異,則以品牌「 Logo 」、「人臉」群組有最出色的表現。

本文章內容由「驚點股份有限公司( FreakOut Taiwan )」提供,經關鍵評論網媒體集團廣編企劃編審。