【Facebook應用程式開發教學1】用PHP輕鬆開發第一支App,傻瓜入門術!

標題說是傻子都會寫,因為這是我的第一支facebook ap,只花了兩小時,後來就沒改了,做為簡單入門的教學頗為適合,因此拿出來分享一下。
評論
評論

標題說是傻瓜入門的原因是,這是我在 Facebook 上的第一支 app,前後只花了兩小時,後來就沒改了,做為簡單入門的教學頗為適合,因此拿出來分享一下。

這是個讓你測驗你的英文程度是否有國小程度的小程式,是個生活學習類的有用 ap。要進入狀況前,請先玩一下: 測驗:國小畢業應該具備的單字基礎


1. 簡單解說一下這支程式的相關流程:

首先,要玩這支 ap 的 fb user 必須先授權給這支程式,也就是第一個畫面,同意之後才能開始玩。

接下來,程式自動從資料庫中找單字來出題,答題後告訴你剛剛答對還是答錯並且計算答題總數,這是一般的 php。

每答對十題,程式跳出一個視窗,請你發佈一些訊息到你的 Wall 上面。

2. 要達成以上的需求,基本上非常簡單,首先你自己的 php 程式應該先寫好了,再做 facebook 的整合就很快了。

以下我用簡化的 code 假設你的主程式是這麼寫的,這只是個例子,真正的程式邏輯要靠自己來。在這個簡化的 code 裡面,使用者永遠需要選第三個選項,這樣就會答對,否則就會答錯,顯示答錯的訊息給你看。

logic 的部分 (controller):

if ($_POST['choice']) {     if ($_POST['choice'] == '3') {         $msg="答對了";     } else {         $msg="答錯了";     } } 

presentation 的部分 (view)

<?php echo $msg; ?>

請開始作答

 題目:water   <form method="post" action="test.php" name="test1" id="test1"> <div>  <div><input type="radio" name="choice" value="1" onclick="document.getElementById('test1').submit();"> 努力工作的,勤勉的</div>  <div><input type="radio" name="choice" value="2" onclick="document.getElementById('test1').submit();">…的,…所有的</div>  <div><input type="radio" name="choice" value="3" onclick="document.getElementById('test1').submit();"> 水</div>  <div><input type="radio" name="choice" value="4" onclick="document.getElementById('test1').submit();"> 粉筆</div>  </div> </form> 

3. 有了上述的核心程式,現在就有兩件事得做:

a . 怎麼讓 facebook user 授權給你的這支程式哩?

b. 如何跳出提示訊息讓使用者發佈訊息到 wall?

首先,到 http://www.facebook.com/developers 註冊一個新的應用,這頁的右上角有個"Set Up New Application" 接下來,就是設置這個新的 ap 的相關重要參數,最重要的是:

驗證裡面的 Post-Authorize Callback URL,當使用者授權 ok 後,fb 就會把使用者導往這個網址,如果沒有特殊的設計,就填寫你的程式所在的網址,在我們的例子裡,假設我剛剛寫的那個 php 程式放在 http://stingtao.info/1/2/test.php,那麼這個欄位就寫 http://stingtao.info/1/2/test.php

以及 Canava 裡面的 畫布頁面網址 與 Canvas Callback URL, 第一個只要不跟別人的重複,隨便你寫,第二個如果你沒有特殊的需求,也是填寫你的程式所在的網址,例如: http://stingtao.info/1/2/test.php

其他設定請看真的例子:

存檔後,基本上 facebook 平台上的設定就好了,請注意抄下以下三個數值,後面會用到。

Application ID
API 金鑰
秘密

4. 下載 php client library, 網址在 http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz

我們假設你解開的路徑就是相對於 test.php 所在目錄下的 facebook 子目錄中。

5. 接下來,就超簡單了 ,直接先寫出結果吧,照著抄一定會 work 的,所以我直接用註解描述相關事情:

在剛剛的主程式加入紅字的部分:

logic 的部分 (controller):

require_once('facebook/php/facebook.php'); $facebook = new Facebook('API 金鑰','Application Secret');  //把剛剛看到的數字取代相關金鑰以及秘密 $appid = 'Application ID';  //字串裡面換成你的 app ID $fb_user = $facebook->require_login(); //就是這行,fb 就會要使用者登入了  if ($_POST['choice']) {     if ($_POST['choice'] == '3') {         $msg="答對了";     } else {         $msg="答錯了";     } } 

presentation 的部分 (view)

<?php echo $msg ;?>

請開始作答

 題目:water   <form method="post" action="test.php" name="test1" id="test1"> <div>  <div><input type="radio" name="choice" value="1" onclick="document.getElementById('test1').submit();"> 努力工作的,勤勉的</div>  <div><input type="radio" name="choice" value="2" onclick="document.getElementById('test1').submit();">…的,…所有的</div>  <div><input type="radio" name="choice" value="3" onclick="document.getElementById('test1').submit();"> 水</div>  <div><input type="radio" name="choice" value="4" onclick="document.getElementById('test1').submit();"> 粉筆</div>  </div> </form>  <?php if (!empty($msg) ) { //這段的意思就是只要答題,那麼就跳一個視窗出來問要不要 publish 到 wall,這是 facebook 提供的 javascript 函式,不用想太多,就用下去就會有效果   ?> <script> var actionLinks = [{ "text": "想瞭解 facebook ap 的開發?到 inside.com.tw", "href": "https://www.inside.com.tw"}]; Facebook.streamPublish('<?php echo $msg;?>', '',  actionLinks, '', '剛剛答題的結果如下:', '', true );</script>  <?php } ?> 

6. ok, 打開瀏覽器指向你剛剛填的 Canvas URL, 網址類似 http://apps.facebook.com/nciku_english 這樣的東西,你就會看到熟悉的 facebook 應用程式使用流程了。


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 )」提供,經關鍵評論網媒體集團廣編企劃編審。