[Review] Ad Network Mediation บน AdMob กับ Vserv.mobi : Part 2 การนำ Library มาใช้งาน

ความเดิมจากตอนที่แล้ว [Review] Ad Network Mediation บน AdMob กับ Vserv.mobi : Part 1 การตั้งค่า เราก็ได้ตั้งค่า Ad Network Mediation บน AdMob ให้กับ Vserv.mobi เรียบร้อยแล้ว

Ad Network Mediation AdMob and Vserv

ใครยังไม่ได้อ่าน/ทำตาม Part 1 กลับไปอ่าน/ทำก่อนนะครับ เดี๋ยวจะตามเพื่อนไม่ทันนะครับ 😛

ในบทความตอนนี้ จะเป็นการนำ Library ของ Vserv มาใช้งาน และการตั้งค่าต่าง ๆ โดยผมจะทำบน Eclipse นะครับ สำหรับ Android Studio ก็ลอง ๆ ปรับกันดูเองนะ เพราะผมเองก็ยังไม่ได้ใช้จริง ๆ จัง ๆ เลย

ถ้าพร้อมแล้วก็… ลุย~!!

 

List of contents

 

เตรียมความพร้อม (ยกมาจากตอนที่แล้ว)

  1. Vserv.mobi Developer Account – ถ้ายังไม่มี ให้ไปสมัครก่อน ที่ Get Started (ใช้ใน Part 1)
  2. Vserv Android SDK – Download
  3. Vserv Android AdMob Adapter – Download

 

เพิ่ม Vserv Library Project

แตกไฟล์ Vserv Android SDK ที่ Download ออกมา จะพบกับ 2 โฟลเดอร์ (ตัวอย่าง App และ Project Library) และ 1 ไฟล์ (คู่มือ) ดังรูป

ในบทความนี้ อ้างอิงที่ Version 2.2.2

ข้างในไฟล์ Vserv Android SDK
ข้างในไฟล์ Vserv Android SDK

ทำการ Import Project Library จากโฟลเดอร์ AndroidV2SDKLibrary เข้าสู่ Eclipse โดยการคลิกขวา ที่ Package Explorer (หรือที่เมนู File ก็ได้) แล้วเลือกเมนู Import…

Import Project Library บน Eclipse
Import Project Library บน Eclipse

ใน Import Dialog เลือก Android > Existing Android Code Into Workspace [หมายเลข 1] แล้วคลิกปุ่ม Next > [หมายเลข 2]

Import Dialog ของ Eclipse
Import Dialog ของ Eclipse

ทำการ Browse… ไปยัง Folder ที่วาง AndroidV2SDKLibrary ไว้อยู่ [หมายเลข 1] แล้วติ๊กถูกที่ AndroidV2SDKLibrary [หมายเลข 2]

ส่วนตัวเลือก Copy projects into workspace หากต้องการ Copy ทั้ง Project ไปไว้ที่ workspace ให้ติ๊กถูกไว้ [หมายเลข 3]

และที่กลุ่ม Working sets ติ๊กถูกที่ Add project to working sets หากต้องการให้ Project อยู่ภายใต้ Working sets ที่ต้องการ (ในตัวอย่าง ได้สร้าง Working sets สำหรับ Android Lib ต่าง ๆ ไว้อยู่แล้ว) [หมายเลข 4]

เมื่อกำหนดค่าต่าง ๆ เรียบร้อย คลิกปุ่ม Finish [หมายเลข 5] ได้เลย

เพิ่ม Vserv Library Project
เพิ่ม Vserv Library Project

 

ตั้งค่า Vserv Library Project

เนื่องจาก Vserv Library Project มีการใช้งาน Google Play Services library อยู่ด้วย เพราะฉะนั้น เราต้องทำการ Import Google Play Services library project ไว้ด้วย และแน่นอนว่า การทำ Ad Network Mediation กับ AdMob นั้น ต้องมีการใช้งาน Google Play Services library อยู่ก่อนแล้ว จึงต้องมีการตั้งค่าให้กับ Vserv Library Project ดังนี้

คลิกขวา ที่ Vserv Library Project [หมายเลข 1] เลือก Properties [หมายเลข 2]

คลิกขวาที่ Project เลือกเมนู Properties เพื่อเปิด Properties Dialog
คลิกขวาที่ Project เลือกเมนู Properties เพื่อเปิด Properties Dialog

ที่ Properties Dialog ของ Vserv Library Project ในส่วนของ Android [หมายเลข 1] ว่ามีการตั้งค่าไว้ถูกต้องหรือไม่ ซึ่ง Default จะกำหนดค่า Project Build Target เป็น API Level 19 [หมายเลข 2], กำหนดให้ Vserv Library Project เป็น Library [หมายเลข 3], Reference ไปยัง Google Play Services library [หมายเลข 4]

หากว่าไม่ได้ค่าตามนี้ ต้องกำหนดค่าให้ถูกต้องเองนะครับ เช่นหากว่ามีการ Reference Google Play Services library โดยใช้ชื่ออื่น ก็ทำการ Reference ใหม่เอง

เรียบร้อยแล้ว กดปุ่ม OK [หมายเลข 5]

ตั้งค่า Vserv Library Project ให้เป็น Library และ Reference ไปยัง Google Play Services library
ตั้งค่า Vserv Library Project ให้เป็น Library และ Reference ไปยัง Google Play Services library

ทำการแก้ไขไฟล์ AndroidManifest.xml ของ Vserv Library Project [หมายเลข 1] ในมุมมอง XML [หมายเลข 2] ทำการเลือกส่วนของ tag meta-data [หมายเลข 3] แล้วคลิกขวา ทำการ Comment ส่วนนี้ทิ้งไป [หมายเลข 4] ทำการเซฟให้เรียบร้อย

หรือจะลบทิ้งไปเลยก็ได้นะ…

สาเหตุที่ไม่ใช้ค่า meta-data ในส่วนนี้ เนื่องจากว่า Project ที่จะมาใช้ Vserv Library Project เพื่อทำ Mediation จำเป็นต้องใช้งาน Google Play Services library และมีการกำหนด meta-data ส่วนนี้อยู่แล้วนั่นเอง

แก้ไขไฟล์ AndroidManifest.xml ของ Vserv Library Project
แก้ไขไฟล์ AndroidManifest.xml ของ Vserv Library Project

หลังจาก Comment meta-data ทิ้งแล้ว ไฟล์ AndroidMenifest.xml จะกลายเป็นดังนี้

 

เพิ่ม Reference Vserv Library Project ให้กับ Project ของ App

ที่ Project Properties ของ App ทำการเพิ่ม Reference Vserv Library Project ลงไป [หมายเลข 1] แล้วกดปุ่ม OK [หมายเลข 2]

ทำการ Reference Vserv Library Project เข้าสู่ App ที่ต้องการใช้งาน
ทำการ Reference Vserv Library Project เข้าสู่ App ที่ต้องการใช้งาน

แล้วเปิดไฟล์ project.properties ของ App [หมายเลข 1] ขึ้นมา เพิ่มคำสั่งต่อไปนี้ลงไป [หมายเลข 2]

คำสั่งดังกล่าว เป็นการกำหนดให้ทำการรวมค่าต่าง ๆ ของไฟล์ AndroidManifest.xml จาก Library Project ที่เรา Reference ไว้ เข้ากับ AndroidMenifest.xml ของเรา เป็นเหตุผลที่เราต้อง Comment meta-data ทิ้ง ในขั้นตอนที่แล้ว

กำหนดค่าในไฟล์ project.properties เพิ่มเติม
กำหนดค่าในไฟล์ project.properties เพิ่มเติม

 

เพิ่ม Vserv Android AdMob Adapter Library

แตกไฟล์ Vserv Android AdMob Adapter ที่ Download ออกมา จะพบกับ 1 โฟลเดอร์ (ตัวอย่าง App) และ 1 ไฟล์ (Library) ดังรูป

ในบทความนี้ อ้างอิงที่ Version 1.0

ข้างในไฟล์ Vserv Android AdMob Adapter
ข้างในไฟล์ Vserv Android AdMob Adapter

แตกไฟล์ออกมา แล้วนำไฟล์ libvservadapter.java ไปใส่ไว้ในโฟลเดอร์ libs ของ Project [หมายเลข 1] โดยการลากไฟล์ไปใส่ได้เลย

นำ Vserv Android AdMob Adapter เข้าไปไว้ในโฟลเดอร์ libs ของ Project
นำ Vserv Android AdMob Adapter เข้าไปไว้ในโฟลเดอร์ libs ของ Project

 

ชักยาวอีกแล้ว… ต่อตอน 3 ละกันนะคร๊าบบบบบ…

อ่านต่อที่ [Review] Ad Network Mediation บน AdMob กับ Vserv.mobi : Part 3 การเขียนคำสั่ง


อ้างอิง : Vserv.mobi – Knowledge Base : Android SDK Documentation, Vserv.mobi – Knowledge Base : Admob Mediation

Leave a Reply

Your email address will not be published. Required fields are marked *

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.