網路行銷－ｅ網打盡無限商機

第五章 網際爭霸戰~ 網站技術與經營模式大進化

靜宜大學資管系 楊子青

網路行銷－ｅ網打盡無限商機

2

本章大綱網站技術演進線上經營模式

靜態網頁技術相關的線上經營模式動態網頁技術相關的線上經營模式Web 2.0 技術相關的線上經營模式個案討論： Facebook

網站建置方式

網路行銷－ｅ網打盡無限商機

3

學習目標

網站主要技術的發展過程靜態網頁技術及其相關的線上經營模式動態網頁技術及其相關的線上經營模式Web 2.0 技術及重要網站的線上經營模式網站建置的主要方式及比較

網路行銷－ｅ網打盡無限商機

4

一、網站技術演進

1.1.靜態網頁技術靜態網頁技術 3.3.Web 2.0Web 2.0技術技術

展現靜態資料及多媒體內容

2.2.動態網頁技術動態網頁技術

提供互動及資料庫存取能力

Web Web

3.03.0？？

引領群體智慧、 應用程式更輕巧、 介面更豐富、

跨平台 HTML GIF, JPEG, BMP GIF 動畫 AVI, MPEG

Flash, XML

伺服器端技術 Perl, PHP, ASP,

JSP, ColdFusion

用戶端技術 JavaScript, VBS

cript

伺服器端技術 RSS, 開發平台

用戶端技術 AJAX Flash Video (FLV) RIA

– Adobe Flex– Silverlight

網路行銷－ｅ網打盡無限商機

5

二、線上經營模式 (Hanson, 1999)

以產品或服務改進為基礎的經營模式由公司的自有資金來維持網站運作

– 公司自身改進– 供應鏈關係改進

以收入為基礎的經營模式藉由消費者付費或供應商付費來獲利

– 以消費者為基礎的收入方式 線上產品銷售、使用費、預先繳交會費等

– 以供應商為基礎的收入方式 內容贊助或聯盟、網路廣告、銷售佣金等

網路行銷－ｅ網打盡無限商機

6

( 一 ) 靜態網頁技術相關的線上經營模式

多採以產品或服務改進為基礎的經營模式提升企業形象提供產品型錄

靜態網頁技術靜態網頁技術

展現靜態資料及多媒體內容

HTML GIF, JPEG, BMP GIF 動畫 AVI, MPEG

Flash, XML

網路行銷－ｅ網打盡無限商機

7

明基友達基金會網站提升企業形象

網路行銷－ｅ網打盡無限商機

8

智勝文化網站提供圖書目錄

網路行銷－ｅ網打盡無限商機

9

( 二 ) 動態網頁技術相關的線上經營模式

多採以收入為基礎的經營模式以消費者為基礎的收入方式以供應商為基礎的收入方式

動態網頁技術動態網頁技術

提供互動及資料庫存取能力

伺服器端技術 Perl, PHP, ASP,

JSP, ColdFusion

用戶端技術 JavaScript, VBS

cript

網路行銷－ｅ網打盡無限商機

10

(1) 以消費者為基礎的收入方式企業對消費者進行銷售的電子商務網站

Amazon ：線上零售 (Online Retailing) 的經營模式Dell 電腦：直接配銷模式 (Direct-distribution Model)博客來年代售票網ezTravel 易遊網

向使用者收取會費來獲取資金KKBOX ：繳交月費的正式會員，即可線上點播歌曲及下載合法的音樂

i-Part 愛情公寓：定期繳交會費成為白金 VIP 會員，可享受優先曝光、留言不受限制、免費送花等額外功能

網路行銷－ｅ網打盡無限商機

11

Dell 網站可自行選擇電腦規格

網路行銷－ｅ網打盡無限商機

12

(2) 以供應商為基礎的收入方式網路廣告

橫幅廣告 (Banner Ads)– 中時電子報：以動態輪播式呈現– DoubleClick ：針對使用者播放最符合其興趣的廣告

插播式廣告 (Interstitials) 與彈出式廣告 (Pop-ups 或 Daughter Windows)

豐富媒體廣告 (Rich Media Ads)

贊助仲介

拍賣網站、人力銀行網站Amazon ：合作夥伴結盟方案 (Amazon Associates)

網路行銷－ｅ網打盡無限商機

13

插播式廣告圖示

網路行銷－ｅ網打盡無限商機

14

豐富媒體的浮動廣告實例

網路行銷－ｅ網打盡無限商機

15

Baby Home 的兒科醫師線上諮詢由亞培媽咪學苑贊助

網路行銷－ｅ網打盡無限商機

16

露天拍賣收取的成交手續費

網路行銷－ｅ網打盡無限商機

17

Amazon 的合作夥伴結盟方案

網路行銷－ｅ網打盡無限商機

18

(三 )Web 2.0 技術相關的線上經營模式

Web 2.0崛起的網站，多提供嶄新的線上服務，也成功匯集了大量的人氣

人氣並不意味著一定能帶來收益，許多成功的 Web 2.0 網站仍在探索不同的獲利方式Google 的 AdWords 與 AdSense 廣 告計

畫、 Google Business SolutionsYouTube 的置入式行銷、付費影片下載與轉播贊助

Wikipedia 的小額捐款Twitter 的 Promoted Tweets 與 Plurk 的 Kar

maFacebook 的 Facebook Credit

Web 2.0Web 2.0技術技術

引領群體智慧、 應用程式更輕巧、 介面更豐富、

跨平台 伺服器端技術 RSS, 開發平台

用戶端技術 AJAX Flash Video (FLV) RIA

– Adobe Flex– Silverlight

網路行銷－ｅ網打盡無限商機

19

Google的廣告計畫

網路行銷－ｅ網打盡無限商機

20

YouTube影片的廣告訊息

網路行銷－ｅ網打盡無限商機

21

Wikipedia的小額捐款

網路行銷－ｅ網打盡無限商機

22

Plurk的時間軸

網路行銷－ｅ網打盡無限商機

23

個案討論： Facebook全球最大的社群網站

Mark Zuckerberg所創辦，於 2004 年 2 月 4日上線2010 年 11 月底，全球的使用人數已突破 5億

廣告2007 年 11 月推出 Facebook Beacon 廣告計畫

– 蒐集使用者在外部網站的活動，主動通知會員關於他們朋友的電子商務交易資訊

– 牽涉隱私問題，遭到使用者強烈抵制， 2009 年停止嘗試使用會員的個人資料，以提供更準確的目標廣告

– 使用者投注許多精力於朋友的動態，廣告點選率偏低

網路行銷－ｅ網打盡無限商機

24

Facebook Platform2007 年 5 月推出

可讓應用程式存取使用者的輪廓資料、活動與關係，並讓開發者所建立的應用程式保有 Facebook 的外觀與網頁風格

開心農場、餐廳城、商業大亨、寵社等遊戲2010 年推出虛擬貨幣 Facebook Credit

允許使用者可藉由虛擬貨幣來購買遊戲點數，購買虛擬鮮花、虛擬寵物等送給朋友，甚至可用來購買真實物品

Facebook 上的應用程式，將全部採取 Facebook Credit來進行交易，且 Facebook將會抽取三成

網路行銷－ｅ網打盡無限商機

25

Facebook Connect

2008 年 5 月推出的第二代開放平台允許使用者將他們的個人資料連結到第三方網站，並為這些外部網站帶來三個主要且強大的社交功能：

– 自動註冊及登入授權機制–社群插件–記錄使用者在第三方網站活動的資訊

網路行銷－ｅ網打盡無限商機

26

Open Graph2010年 4月， Facebook推出新一代社群平台

藉由更強大的 API協助所有的網站更快速地整合 Facebook所提供的社交服務，進而建立兼具社群化與個人化的新型網站

改變：– 改用 OAuth 2.0 為登入認證標準：讓使用者不著痕跡登入第三方網站

– 擴充社群插件：方便利用按鈕與朋友互動分享– 修改 Facebook API使用規範：任何網站都可共享互動資料– Graph API ：人際關係、事件、圖片、網頁等物件均有其 I

D

– 提出 Open Graph Protocol 協定：提供 <meta> 的語意標籤，來協助其他網站設定各網頁的結構化資訊

網路行銷－ｅ網打盡無限商機

27

Open Graph號稱Web 有史以來最具改造力的發明

將使用者推向網路世界的中心，並能讓各個網站的任何網頁在實質上都成為 Facebook 的頁面Facebook從中蒐集到無數使用者在眾多網站的個人偏好、社群聯繫及網頁活動等資料

Web 3.0網際網路之父 Tim Berners-Lee 口中的 Web 3.0 (語意網路 ) ，以及 Facebook 遊戲大廠 Zynga口中的 Web 3.0 (社交網路 ) ，因著 Open Graph而交會在一起

Facebook 試圖挑戰及取代 Google 成為主宰網路世界的新霸主

網路行銷－ｅ網打盡無限商機

28

個案問題與討論 為什麼批踢踢實業坊 (PTT) 無法變成 Facebook ，擁抱網

際網路無限的可能？ Facebook 與微軟的 Bing搜尋引擎合作，是否會嚴重威脅

Google在搜尋引擎的霸業？ Facebook 提出開放平台， Google也推出 OpenSocial並結

合多個知名的社交網站來進行回應。請您比較二者在策略上有哪些不同？

Facebook 先前已發生多次個人資料外洩問題，對於 Open Graph這個新一代開放平台，您是樂觀看待？還是擔心個人隱私會被侵犯？

網路行銷－ｅ網打盡無限商機

29

三、網站建置方式

至拍賣網站申請成為賣家

自行架設或租賃網站伺服器 (Web Serve

r)

雲端運算 (Cloud Computing)

網路行銷－ｅ網打盡無限商機

30

Yahoo!奇摩拍賣費用說明 (1/2)

網路行銷－ｅ網打盡無限商機

31

Yahoo!奇摩拍賣費用說明 (2/2)

網路行銷－ｅ網打盡無限商機

32

主流的網站伺服器環境

提供者 動態網頁程式語言

網站伺服器

資料庫

Microsoft ASP/ASP.NET IIS Access / SQL server

Open Source PHP Apache/ IIS MySQL

Oracle JSP Apache MySQL

網路行銷－ｅ網打盡無限商機

33

雲端運算的三個主要服務模式

作業系統 + 應用程式堆疊

應用

基礎架

構平台

軟體應

用

軟體即服務(SaaS)

平台即服務(PaaS)

架構即服務(IaaS)

終端使用者

開發人員

網路工程師

網路行銷－ｅ網打盡無限商機

34

雲端運算平台比較

雲端平台

供應商 開發工具 支援語言 適合類型 收費

Google App Engine

Google Google App Tools

Python 、 JAVA

商業與地理資訊系統應用

基本服務免費進階服務需付費

Windows Azure

Microsoft Visual Studio .NET 、 PHP 、JAVA

商業與網頁應用 需付費

Hadoop Apache Include in Hadoop

JAVA 平行程式 免費

網路行銷－ｅ網打盡無限商機

35

網站建置主要方式比較網站建置方式

硬體投資

網站架設與管理能力

網頁開發技術

軟體或使用費用

拍賣網站 主要為成交費用

IIS Web Server (ASP.NET)

Ｖ Ｖ Ｖ 網站伺服器及資料庫等軟體費用

Apache Web Server (PHP/ Open Source)

Ｖ Ｖ Ｖ

雲端運算 PaaS(Google App Engine,

Windows Azure)

Ｖ 根據使用資源計費

雲端運算 SaaS 軟體服務租金

Google協作平台