รายได้จากเวปส่วนใหญ่ก็มากจาก Ads ปัจจุบันก็มีวิธีมากมายในการนำเสนอ Ads ให้น่าสนใจ เพราะเราคงหนีคำว่า Ad viewability ไม่ได้ เพราะจะส่งผลถีงผลตอบแทนที่เราจะได้โดยตรง
Ad viewability ถ้าจะอธิบายง่ายๆก็คือทำยังไงก็ได้ให้ Ad ของเขามองเห็นเกิน 50% ของพื้นที่ Ad ตามเวลาที่กำหนดไว้
Inarticle เป็นรูปแบบหนึ่งที่ช่วย โดยจะเป็น Ad ที่ขึ้นระหว่างเนื้อหา (Content) ซึ่งส่วนใหญ่ทางลูกค้ามักทำมาให้อยู่แล้ว
ถ้าพูดถึงการดึงข้อมูลจาก Facebook ทุกคนคงนึกถึง การดึงข้อมูล view, like หรือ share มาจาก Facebook เท่านั่น แต่จริงๆแล้วยังมีค่าอื่นๆที่น่าสนใจ ที่สามารถนำไปใช้ได้ หากคุณมีการทำ Pages หรือมีการดึงคนจาก Social เข้าสู้เวปไซด์ ควรจะมีการดูต่างๆพวกนี้เพื่อวางแผน และวิเคราะห์แนวทางการทำงาน
ก่อนอื่นทาง Facebook ได้มีการทำ Tools ที่ช่วยในการดูข้อมูลอย่างๆง่าย ที่เรารู้จักกันอยู่แล้วคือ Graph API Explorer เป็นเครื่องมือที่ใช้ในการทดสอบดึงข้อมูล แต่เมื่อเราจะทำระบบในการดึงข้อมูล เรามาทำความเข้าใจการลักษณะการดึงข้อมูลกันก่อนจากตัวอย่าง (ผมขอเน้นไปที่การดึงข้อมูล Pages)
การจับการเครื่อนไหวหรือที่เรียกว่า Event Motion ของโทรศัพท์มือถือมีมานานแล้ว (แต่ผมเพิ่งรู้ไม่นานมานี้ ตกเทรนไปหลายขุมเลย ฮ่าๆ) แต่ส่วนใหญ่นิยมใช้ในการทำ Application บน IOS หรือ Android ซะมากกว่า แต่จริงๆแล้วใน Website ที่เปิดในมือถือแล้วใช้ Browser ในการอ่านก็สามารถทำได้
ซึ่งปัจจุบันก็มีหลายที่เช่นกันที่ได้เริ่มทำออกมาเป็นรูปร่าง ในแบบต่างๆ ซึ่งวิธีการก็ไม่ได้ซับซ้อนอะไรเพียงแค่มีการใช้ Event หลักๆ 2 Event คือ
1. deviceorientation จะทำงานเมื่อมีการเปลี่ยนแกนโดยการหมุน สามารถเขียนทดสอบได้ดังนี้
window.addEventListener('deviceorientation', function(event) {
var alpha = event.alpha;
var beta = event.beta;
var gamma = event.gamma;
// Do something
}, false);
บทความนี้มีไว้สำหรับเก็บสิ่งที่เล็กๆที่บางคนอาจละเลย แต่ในบางครั้งอาจช่วยแก้ปัญหาหลายๆอย่างได้
ความแตกต่างระหว่า .ready กับ .load
.ready จะทำงานเมื่อโหลด text assets เช่น CSS JS Dom เสร็จ
$(document).ready(function(){...});
.load จะทำเมื่อโหลด text และรูปเสร็จ ก่อนถึงจะทำงาน
$(window).load(function(){...});
Slide เป็นรูปแบบที่จะแสดงสิ่งที่เราต้องการให้โชว์อยู่ในตำแหน่งเดิม ตลอดเวลา ไม่ว่าจะมีการ scroll เลื่อนไปที่ไหนก็ตาม
สคริป Javascript ที่ต้องใช้
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://uptoyou.life/assets/js/ad-slide-1.min.js"></script>
Lightbox เป็นรูปแบบที่ใช้กันแพร่หลาย ลักษณะคือเปิดขึ้นมาจะมีพื้นหลังเป็นสีดำจางๆ แล้วตรงกลางหน้าจอจะเป็น Ad หรือ เป็นเนื้อหาพิเศษที่ต้องการนำเสนอ
สคริป Javascript ที่ต้องใช้
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://uptoyou.life/assets/js/ad-lightbox-1.min.js"></script>
Pushdown เป็นรูปแบบที่เมื่อมีข้างในมาการขยาย จะขยาย Div ข้างนอกด้วย
สคริป Javascript ที่ต้องใช้
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://uptoyou.life/assets/js/ad-pushdown-1.min.js"></script>
การทำ website เมื่อเวปเราใหญ่ขึ้นก็มันจะมีลูกเล่นมากขึ้นหรือ Ad ต่างๆมากมาย หลายรูปแบบเพื่อนำเสนอให้ส่วนต่างๆ น่าสนใจขึ้น
ซึ่งรูปแบบที่เราเห็นกันบ่อยๆคือ เมื่อคลิกหรือลากเมาส์ผ่านบางตำแหน่ง จะมีการขยายในส่วนนั่นให้ใหญ่ขึ้นเพื่อนำเสนอ ในที่นี้ผมเรียกว่ารูปแบบ Expand ซึ่งเป็นที่นิยม ผมได้เขียน Script ขึ้นมาชุดหนึ่งเพื่อใช้งานซึ่งมีรูปแบบดังนี้
รูปแบบ
1. Expand จาก บน -> ล่าง
2. Expand จาก ล่าง -> บน
3. Expand จาก ซ้าย -> ขวา
4. Expand จาก ขวา -> ซ้าย Read More