Download to read offline
![<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>
廣告單元建立 – 進階
自定義水平，垂直，自動之廣告形狀](https://image.slidesharecdn.com/2-23responsiveadvertisement-150222024052-conversion-gate02/85/2013-How-to-make-money-by-responsive-ads-CN-25-320.jpg)
Uploaded bysunlee
2013 How to make money by responsive ads (CN)
智慧型移動裝置的普及促進了用戶上網頻率和多元化接觸，特別是通過社交媒體導流至網站。網站設計趨勢推崇響應式設計及大量內容展示，以提升用戶體驗及廣告收益。為了提高盈利，了解網站與用戶行為是關鍵，並需針對手機流量優化廣告位置和尺寸。
![[網路星期二] 網站流量分析---這樣做就對了!!：環資-大誌-Wilson](https://cdn.slidesharecdn.com/ss_thumbnails/wilson-100628003912-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
2013 How to make money by responsive ads (CN)
- 2.
- 3.
- 4.
- 5. 網站趨勢建議 Responsive Design Finger FriendlyInterfaces Flat Design More Content on One Page Interesting Fonts Great Big Graphics Video and Other Rich Content 資料來源：數位時代
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25. <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> 廣告單元建立 – 進階 自定義水平，垂直，自動之廣告形狀
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. Thank you SunLee 成果行銷有限公司 Sales FrontrierAccount Manager 0921-156-381 omeelqq@gmail.com
Editor's Notes
- #3 資料來源 ： 手機王
- #4 資料來源 ： 手機王
- #5 資料來源 ： 手機王
- #6 數位時代 http://www.bnext.com.tw/article/view/id/31034
- #9 Responsive 是一種創造一個多裝置，多管道，使用者喜歡的網站，不僅僅是創立一個手機網站，當網站的建構都ok之後，我們可以將廣告放入創造更穩定的未來收益。 文章，文章展現，使用者，來源。
- #10 最近的痞客邦比賽，各位可以觀察一下文章的走向，為什麼各種布洛克，卻不是人人都大紅，而布洛克是否都要依靠廣告賺錢呢？依靠wp寫的網站，或許有更多的合作空間和做法，是可以讓網站更好的。
- #11 很多人專心地提供文章，卻不了解自己的文章哪裡吸引網友，也不知道自己的網站是不是有效地吸引網友，使得努力事倍功半。
- #12 瞭解使用者喜歡的文章，並且瞭解手機平板桌機的比例，來源，使用時機 透過GA對於網友的分析，瞭解自己網站參與網友的互動情形，達到效益。 文章，文章展現，使用者，來源。
- #13 當我們瞭解使用者之後，也瞭解了網站的目的，此時，透過優化技巧，可以為網站帶來更穩定的流量。這裡強調的是桌電版本如何與手機平板版本完美結合的優化方式。
- #14 左側是2013最熱門的wordpress版型，前兩者比較屬於品牌或是媒體網站的使用，右側則是個人站長較常始用的，知道未麼嗎？因為兩者的網站重點是不同的，要如何讓使用者一幕僚然網站重點，瞭解網站，然後喜歡網站，是一個板型及界面非常重要的事情。而wordpress在界面上有一個好處，就是可以讓使用者保留同樣的體驗，風格以及內容，達到完整的閱讀體驗。 http://www.sketchin.ch/en/
- #15 http://www.harvard.edu/ 不把所有資訊都陳列出來，而是以分類的方式使各種使用者進入網頁
- #16 http://www.thesearethings.com/ 這是一個國外設計師的網站，他們透過這個網站介紹他們的作品與台灣的freelancer不太一樣，他們知道他們的網站目的是讓其他人可以透過網站接觸他們，而且稟持自己的創造風格，而不會將網站列的像第一個網站一樣很商業性，他們保留的自己的習慣。
- #17 http://www.thesearethings.com/ 這是一個國外設計師的網站，他們透過這個網站介紹他們的作品與台灣的freelancer不太一樣，他們知道他們的網站目的是讓其他人可以透過網站接觸他們，而且稟持自己的創造風格，而不會將網站列的像第一個網站一樣很商業性，他們保留的自己的習慣。
- #18 http://skinnyties.com/ 電子商務網站，現在移動裝置的販賣愈來愈熱門，如何讓網友在此時的購買行為實現，進而創造收益，是可以向電子商務學習的， 這樣的樣式在台灣是否可行，還有待觀察，不過以往有為中心的網站思想十分值得認同。
- #19 http://thenextweb.com/#!v6Mxg 在裝置的不同過程中，留下什麼是很重要的如果留下的不是最能展現網站重點的，將會使網友產生混亂的想法，而無法塑造品牌。
- #22 http://thenextweb.com/#!v6Mxg 在裝置的不同過程中，留下什麼是很重要的如果留下的不是最能展現網站重點的，將會使網友產生混亂的想法，而無法塑造品牌。
- #23 http://thenextweb.com/#!v6Mxg 在裝置的不同過程中，留下什麼是很重要的如果留下的不是最能展現網站重點的，將會使網友產生混亂的想法，而無法塑造品牌。
- #24 http://thenextweb.com/#!v6Mxg 在裝置的不同過程中，留下什麼是很重要的如果留下的不是最能展現網站重點的，將會使網友產生混亂的想法，而無法塑造品牌。
- #25 http://thenextweb.com/#!v6Mxg 在裝置的不同過程中，留下什麼是很重要的如果留下的不是最能展現網站重點的，將會使網友產生混亂的想法，而無法塑造品牌。
- #26 http://thenextweb.com/#!v6Mxg 在裝置的不同過程中，留下什麼是很重要的如果留下的不是最能展現網站重點的，將會使網友產生混亂的想法，而無法塑造品牌。
- #28 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。
- #29 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。
- #30 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。
- #31 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。
- #32 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。
- #33 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。
- #34 不執著于responsive，而是在瞭解使用者之後給予符合的廣告版位。