RESS - digifind-it.com · THE ADS BIFORI YOU or THE STORES —YOU'LL riND IT SAVES MONEY.
How to make money by responsive ads
Transcript of How to make money by responsive ads
![Page 1: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/1.jpg)
2014 廣告效益 最大化
Responsive 如何極大化網站廣告收益
Sales Frontier Account Manager – Sun Lee
![Page 2: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/2.jpg)
倍數成長
智慧型移動裝置的普及,增加上網頻率,使用者與網站的接觸也更為多元。
![Page 3: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/3.jpg)
使用者無時無刻,透過任何裝置都可以接觸網站,並更容易點擊網路廣告。
![Page 4: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/4.jpg)
4G 時代即將來臨,網路將更為便利,使用者將透過更多方式與網站接觸,諸如汽車屏幕。
![Page 5: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/5.jpg)
網站趨勢建議Responsive DesignFinger Friendly InterfacesFlat DesignMore Content on One PageInteresting FontsGreat Big GraphicsVideo and Other Rich Content
資料來源:數位時代
![Page 6: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/6.jpg)
![Page 7: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/7.jpg)
Viralnova.comAlexa : 6763
成立時間: 2013 年 5 月
個人部落格,由三位創辦人共同經營,
單日訪客數約 2,000,000 人,廣告收益約六位數美金。
廣告收入目前約九成來自 Google Adsense 。
![Page 8: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/8.jpg)
Viralnova.com文章內容為何?
Viralnova 的文章最有趣 !!
網友如何進站?
FB 導流。
網友進站之後的體驗?
舒服地看完文章,並且舒服地點廣告。
網站介面?
Responsive 介面,圖文並茂最好看。
![Page 9: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/9.jpg)
為何部落客那麼多,卻不是人人都彎彎呢?
網站的最主要目的?網友最愛的文章類型是什麼?網友上網時間分佈?網友最常使用的裝置?網友點擊的分佈情形?網友體驗流程是否舒適?跳出率高低,停留時間,重復造訪次數,造訪頁次…等。網友從哪裡來?
我是否提供一個滿足他們的網站了呢?
![Page 10: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/10.jpg)
要賺錢,先從瞭解網站和網友開始 !!
![Page 11: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/11.jpg)
Drag picture to placeholder or click icon to add
以人為本,內容為王
![Page 12: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/12.jpg)
網站介面優化 – 讓我們更貼近網友的心
什麼最重要 !!
少即是多 重要訊息是什麼,新聞媒體
使用者習慣不同
大區塊原則。
廣泛適應
風格一致性
![Page 13: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/13.jpg)
網站重點是什麼?
![Page 14: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/14.jpg)
少即是多
![Page 15: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/15.jpg)
網站獨特性
![Page 16: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/16.jpg)
大區塊原則
![Page 17: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/17.jpg)
廣泛適應性
![Page 18: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/18.jpg)
風格一致性
![Page 19: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/19.jpg)
Responsive 廣告,收益 double!!
![Page 20: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/20.jpg)
Responsive 廣告 code
https://support.google.com/adsense/answer/3213689?hl=zh-Hant
https://support.google.com/adsense/answer/3543893
自定義形態廣告上下架
Google Adsense 後台設定
![Page 21: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/21.jpg)
廣告單元建立 – 初階
![Page 22: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/22.jpg)
取得程式碼
![Page 23: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/23.jpg)
廣告單元建立 – 進階
![Page 24: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/24.jpg)
廣告單元建立 – 進階
自定義尺寸
![Page 25: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/25.jpg)
<style>.tw116-responsive-test { width: 320px; height: 50px; }@media(min-width: 500px) { .tw116-responsive-test { width: 468px; height: 60px; } }@media(min-width: 800px) { .tw116-responsive-test { width: 728px; height: 90px; } }</style><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- TW116_RESPONSIVE_TEST --><ins class="adsbygoogle tw116-responsive-test" style="display:inline-block" data-ad-client="ca-pub-0440992493205375" data-ad-slot="1930845504"></ins> data-ad-format="horizontal"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
廣告單元建立 – 進階
自定義水平,垂直,自動之廣告形狀
![Page 26: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/26.jpg)
實際案例Disp bbs
放泥就可
Iscar
Ppt
姐妹淘
中央社
勘履者 起點
![Page 27: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/27.jpg)
網站: DISP BBS 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 28: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/28.jpg)
網站:放泥就可 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 29: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/29.jpg)
網站:放泥就可 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 30: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/30.jpg)
網站:放泥就可 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 31: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/31.jpg)
網站:放泥就可 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 32: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/32.jpg)
網站:放泥就可 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 33: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/33.jpg)
網站:放泥就可 因應手機流量的增加,增設手機網頁,採用網站與手機廣告位置以及尺寸的不同,使得廣告收益得以提升。
![Page 34: How to make money by responsive ads](https://reader036.fdocuments.net/reader036/viewer/2022081422/55c25b82bb61ebad098b472b/html5/thumbnails/34.jpg)
Q & A