เริ่มต้นใช้งาน AdMob ในโปรเจ็กต์ C++

ลองใช้ iOS และ Android SDK จาก AdMob

คู่มือเริ่มใช้งานฉบับย่อนี้มีไว้สำหรับผู้เผยแพร่โฆษณาและนักพัฒนาแอปที่ต้องการใช้ AdMob เพื่อสร้างรายได้จากแอปที่สร้างด้วย Firebase หากคุณไม่ได้วางแผนที่จะรวม Firebase ไว้ในแอป ให้ไปที่คู่มือAdMobแบบสแตนด์อโลนแทน

หากยังไม่ได้ดำเนินการ โปรดดูประโยชน์ทั้งหมดของการใช้ AdMob, Firebase และ Google Analytics ร่วมกัน

หากคุณอ่านคู่มือนี้เป็นครั้งแรก เราขอแนะนำให้ดาวน์โหลดและทำตามโดยใช้แอปทดสอบ Google Mobile Ads C++ SDK

ก่อนเริ่มต้น

• หากยังไม่มีโปรเจ็กต์ Firebase และแอป Firebase ให้ทำตามคู่มือเริ่มต้นใช้งาน Firebase ดังนี้ เพิ่ม Firebase ลงในโปรเจ็กต์ C++

• ตรวจสอบว่าเปิดใช้ Google Analytics ในโปรเจ็กต์ Firebase แล้ว โดยทำดังนี้

  • หากจะสร้างโปรเจ็กต์ Firebase ใหม่ ให้เปิดใช้ Google Analytics ในระหว่างขั้นตอนการสร้างโปรเจ็กต์

  • หากมีโปรเจ็กต์ Firebase เดิมที่ไม่ได้เปิดใช้ Google Analytics ให้เปิดใช้ Google Analytics ในแท็บการผสานรวมของ settings > การตั้งค่าโปรเจ็กต์

ขั้นตอนที่ 1: ตั้งค่าแอปในบัญชี AdMob

1. ลงทะเบียนตัวแปรแพลตฟอร์มแต่ละรายการของแอปเป็นแอป AdMob

   1. ลงชื่อเข้าใช้หรือลงชื่อสมัครใช้บัญชี AdMob

   2. ลงทะเบียนตัวแปรแพลตฟอร์มแต่ละรายการของแอปกับ AdMob ขั้นตอนนี้จะสร้างแอป AdMob ที่มีรหัสแอป AdMob ที่ไม่ซ้ำกัน ซึ่งคุณจะต้องใช้ในภายหลังในคู่มือนี้

   ระบบจะขอให้คุณเพิ่ม SDK ของ Mobile Ads ลงในแอป ดูวิธีการโดยละเอียดสำหรับงานนี้ได้ในส่วนถัดไปของคู่มือนี้

2. ลิงก์แอป AdMob แต่ละแอปกับแอป Firebase ที่เกี่ยวข้อง

   ขั้นตอนนี้ไม่บังคับ แต่เราขอแนะนำอย่างยิ่งให้ดำเนินการ ดูข้อมูลเพิ่มเติมเกี่ยวกับประโยชน์ของการเปิดใช้เมตริกผู้ใช้และการลิงก์แอป AdMob กับ Firebase

   สำหรับตัวแปรแพลตฟอร์มแต่ละรายการ ให้ทำตาม 2 ขั้นตอนต่อไปนี้ในแดชบอร์ดแอปของบัญชี AdMob

   1. เปิดใช้เมตริกผู้ใช้เพื่ออนุญาตให้ AdMob ประมวลผลและแสดงข้อมูลวิเคราะห์ที่ดูแลจัดการในบัญชี AdMob ของคุณ นอกจากนี้ คุณยังต้องเปิดใช้การตั้งค่านี้เพื่อลิงก์แอป AdMob กับ Firebase ด้วย

   2. ลิงก์แอปAdMobกับโปรเจ็กต์ Firebase ที่มีอยู่และแอป Firebase ที่เกี่ยวข้อง

      ตรวจสอบว่าคุณป้อนชื่อแพ็กเกจ (Android) หรือรหัสชุด (iOS) เดียวกันกับที่ป้อนสำหรับแอป Firebase โดยดูชื่อแพ็กเกจหรือรหัสชุดของแอป Firebase ได้ในการ์ดแอปของคุณในsettings > การตั้งค่าโปรเจ็กต์

ขั้นตอนที่ 2: เพิ่มรหัสแอป AdMob ลงในแอป

Android

เพิ่มรหัสแอป AdMob ลงในไฟล์ AndroidManifest.xml ของแอปโดยเพิ่มแท็ก <meta-data> ดังที่แสดงด้านล่าง

<manifest>
    <application>
        <!-- Sample AdMob App ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ADMOB_APP_ID"/>
    </application>
</manifest>

iOS

ในไฟล์ Info.plist ของแอป ให้เพิ่มคีย์ GADApplicationIdentifier ที่มีค่าสตริงเป็นรหัสแอป AdMob

คุณสามารถทำการเปลี่ยนแปลงนี้แบบเป็นโปรแกรมได้โดยทำดังนี้

<!-- Sample AdMob App ID: ca-app-pub-3940256099942544~1458002511 -->
<key>GADApplicationIdentifier</key>
<string>ADMOB_APP_ID</string>

หรือแก้ไขในเครื่องมือแก้ไขรายการพร็อพเพอร์ตี้โดยทำดังนี้

ขั้นตอนที่ 3: เพิ่ม Google Mobile Ads SDK

เนื่องจาก Google Mobile Ads C++ SDK อยู่ในเนมสเปซ firebase::gma ให้ดาวน์โหลด Firebase C++ SDK แล้วแตกไฟล์ไปยังไดเรกทอรีที่ต้องการ

Firebase C++ SDK ไม่ได้เจาะจงแพลตฟอร์ม แต่ต้องมีการกำหนดค่าไลบรารีเฉพาะแพลตฟอร์ม

Android

1. ในไฟล์ gradle.properties ของโปรเจ็กต์ ให้ระบุตำแหน่งของ SDK ที่แตกไฟล์แล้ว ดังนี้

   systemProp.firebase_cpp_sdk.dir=FULL/PATH/TO/SDK

2. เพิ่มเนื้อหาต่อไปนี้ลงในไฟล์ settings.gradle ของโปรเจ็กต์

   def firebase_cpp_sdk_dir = System.getProperty('firebase_cpp_sdk.dir')
   
   gradle.ext.firebase_cpp_sdk_dir = "$firebase_cpp_sdk_dir"
   includeBuild "$firebase_cpp_sdk_dir"

3. เพิ่มเนื้อหาต่อไปนี้ลงในไฟล์ Gradle ระดับโมดูล (ระดับแอป) (โดยปกติคือ app/build.gradle) ซึ่งรวมถึงทรัพยากร Dependency ของไลบรารีสำหรับ Google Mobile Ads C++ SDK

   android.defaultConfig.externalNativeBuild.cmake {
     arguments "-DFIREBASE_CPP_SDK_DIR=$gradle.firebase_cpp_sdk_dir"
   }
   
   # Add the dependency for the Google Mobile Ads C++ SDK
   apply from: "$gradle.firebase_cpp_sdk_dir/Android/firebase_dependencies.gradle"
   firebaseCpp.dependencies {
     gma
   }

4. เพิ่มเนื้อหาต่อไปนี้ลงในไฟล์ CMakeLists.txt ของโปรเจ็กต์

   # Add Firebase libraries to the target using the function from the SDK.
   add_subdirectory(${FIREBASE_CPP_SDK_DIR} bin/ EXCLUDE_FROM_ALL)
   
   # Add the Google Mobile Ads C++ SDK.
   
   # The Firebase C++ library `firebase_app` is required,
   # and it must always be listed last.
   
   set(firebase_libs
     firebase_gma
     firebase_app
   )
   
   target_link_libraries(${target_name} "${firebase_libs}")

5. ซิงค์แอปเพื่อให้ทรัพยากร Dependency ทั้งหมดมีเวอร์ชันที่จำเป็น

คุณพร้อมแล้ว แอป C++ ของคุณได้รับการกำหนดค่าให้ใช้ Google Mobile Ads C++ SDK

iOS

ขั้นตอนในส่วนนี้เป็นตัวอย่างวิธีเพิ่ม Google Mobile Ads C++ SDK ลงในโปรเจ็กต์ iOS

1. ดาวน์โหลด CocoaPods เวอร์ชัน 1 ขึ้นไปโดยเรียกใช้คำสั่งต่อไปนี้

   sudo gem install cocoapods --pre

2. เพิ่มพ็อด Google Mobile Ads จาก SDK ที่แตกไฟล์แล้ว

   1. สร้าง Podfile หากยังไม่มี โดยทำดังนี้

      cd YOUR_APP_DIRECTORY
      pod init

   2. เพิ่มพ็อดสำหรับ Google Mobile Ads C++ SDK ลงใน Podfile ดังนี้

      pod 'Google-Mobile-Ads-SDK'

   3. ติดตั้ง Pod แล้วเปิดไฟล์ .xcworkspace ใน Xcode

      pod install
      open YOUR_APP.xcworkspace

   4. เพิ่มเฟรมเวิร์กต่อไปนี้จาก Firebase C++ SDK ลงในโปรเจ็กต์

      • xcframeworks/firebase.xcframework
      • xcframeworks/firebase_gma.xcframework

คุณพร้อมแล้ว แอป C++ ของคุณได้รับการกำหนดค่าให้ใช้ Google Mobile Ads C++ SDK

ขั้นตอนที่ 4: เริ่มต้นใช้งาน Google Mobile Ads SDK

ก่อนโหลดโฆษณา ให้เริ่มต้น Mobile Ads SDK โดยเรียกใช้ firebase::gma::Initialize()

การเรียกนี้จะแสดงผล firebase::Future ที่จะเสร็จสมบูรณ์เมื่อการเริ่มต้นเสร็จสิ้น (หรือหลังจากหมดเวลา 30 วินาที) เรียกใช้เมธอดนี้เพียงครั้งเดียวและโดยเร็วที่สุด ซึ่งควรเป็นตอนเปิดแอป

ต่อไปนี้เป็นตัวอย่างวิธีเรียกใช้ Initialize()

// Initialize the Google Mobile Ads library
firebase::InitResult result;
Future<AdapterInitializationStatus> future =
  firebase::gma::Initialize(jni_env, j_activity, &result);

if (result != kInitResultSuccess) {
  // Initialization immediately failed, most likely due to a missing dependency.
  // Check the device logs for more information.
  return;
}

// Monitor the status of the future.
// See "Use a Future to monitor the completion status of a method call" below.
if (future.status() == firebase::kFutureStatusComplete &&
    future.error() == firebase::gma::kAdErrorCodeNone) {
  // Initialization completed.
} else {
  // Initialization on-going, or an error has occurred.
}

// Initialize the Google Mobile Ads library.
firebase::InitResult result;
Future<AdapterInitializationStatus> future =
  firebase::gma::Initialize(&result);

if (result != kInitResultSuccess) {
  // Initialization immediately failed, most likely due to a missing dependency.
  // Check the device logs for more information.
  return;
}

// Monitor the status of the future.
// See "Use a Future to monitor the completion status of a method call" below.
if (future.status() == firebase::kFutureStatusComplete &&
    future.error() == firebase::gma::kAdErrorCodeNone) {
  // Initialization completed.
} else {
  // Initialization on-going, or an error has occurred.
}

ใช้ Future เพื่อตรวจสอบสถานะความสมบูรณ์ของการเรียกใช้เมธอด

Future ช่วยให้คุณระบุสถานะการเสร็จสมบูรณ์ของการเรียกใช้เมธอดแบบอะซิงโครนัสได้

เช่น เมื่อแอปเรียกใช้ firebase::gma::Initialize() ระบบจะสร้างและแสดงผล firebase::Future ใหม่ จากนั้นแอปจะสำรวจ status() ของ Future เพื่อระบุว่าการเริ่มต้นเสร็จสมบูรณ์เมื่อใด เมื่อเสร็จแล้ว แอปของคุณจะเรียกใช้ result() เพื่อรับ AdapterInitializationStatus ที่เป็นผลลัพธ์ได้

เมธอดที่แสดงผล Future จะมีเมธอด "ผลลัพธ์ล่าสุด" ที่สอดคล้องกันซึ่งแอปสามารถใช้เพื่อดึงข้อมูล Future ล่าสุดสำหรับการดำเนินการที่ระบุ ตัวอย่างเช่น firebase::gma::Initialize() มีเมธอดที่เกี่ยวข้องชื่อ firebase::gma::InitializeLastResult() ซึ่งจะแสดงผล Future ที่แอปของคุณสามารถใช้เพื่อตรวจสอบสถานะการเรียกใช้เมธอด firebase::gma::Initialize() ครั้งล่าสุด

หากสถานะของ Future เสร็จสมบูรณ์และรหัสข้อผิดพลาดคือ firebase::gma::kAdErrorCodeNone แสดงว่าการดำเนินการเสร็จสมบูรณ์แล้ว

นอกจากนี้ คุณยังลงทะเบียน Callback เพื่อเรียกใช้เมื่อ Future เสร็จสมบูรณ์ได้ด้วย ในบางกรณี Callback จะทำงานในชุดข้อความอื่น ดังนั้นโปรดตรวจสอบว่าโค้ดของคุณปลอดภัยสำหรับชุดข้อความ ข้อมูลโค้ดนี้ใช้ตัวชี้ฟังก์ชันสำหรับ Callback ดังนี้

// Registers the OnCompletion callback. user_data is a pointer that is passed verbatim
// to the callback as a void*. This allows you to pass any custom data to the callback
// handler. In this case, the app has no data, so you must pass nullptr.
firebase::gma::InitializeLastResult().OnCompletion(OnCompletionCallback,
  /*user_data=*/nullptr);

// The OnCompletion callback function.
static void OnCompletionCallback(
  const firebase::Future<AdapterInitializationStatus>& future, void* user_data) {
  // Called when the Future is completed for the last call to firebase::gma::Initialize().
  // If the error code is firebase::gma::kAdErrorCodeNone,
  // then the SDK has been successfully initialized.
  if (future.error() == firebase::gma::kAdErrorCodeNone) {
    // success!
  } else {
    // failure.
  }
}

ขั้นตอนที่ 5: เลือกรูปแบบโฆษณาที่จะใช้ในแอป

AdMob มีรูปแบบโฆษณาที่หลากหลาย คุณจึงเลือกรูปแบบที่เหมาะกับประสบการณ์ของผู้ใช้แอปได้มากที่สุด คลิกปุ่มสำหรับรูปแบบโฆษณาเพื่อดูวิธีการติดตั้งใช้งานโดยละเอียดในเอกสารประกอบของ AdMob

แบนเนอร์

โฆษณารูปสี่เหลี่ยมผืนผ้าที่ปรากฏที่ด้านบนหรือด้านล่างของหน้าจออุปกรณ์

โฆษณาแบนเนอร์จะแสดงอยู่บนหน้าจอขณะที่ผู้ใช้โต้ตอบกับแอป และสามารถรีเฟรชโดยอัตโนมัติหลังจากเวลาผ่านไปช่วงหนึ่ง หากคุณเพิ่งเริ่มใช้การโฆษณาบนอุปกรณ์เคลื่อนที่ แคมเปญประเภทนี้เป็นจุดเริ่มต้นที่ดี

โฆษณาคั่นระหว่างหน้า

โฆษณาแบบเต็มหน้าจอที่ครอบคลุมอินเทอร์เฟซของแอปจนกว่าผู้ใช้จะปิด

โฆษณาคั่นระหว่างหน้าเหมาะที่จะใช้ในช่วงหยุดพักตามปกติในขั้นตอนการทำงานของแอป เช่น ระหว่างด่านของเกมหรือหลังจากที่งานเสร็จสมบูรณ์

ให้รางวัล

โฆษณาที่ให้รางวัลแก่ผู้ใช้หลังจากชมวิดีโอสั้นๆ จบแล้วมีการโต้ตอบกับโฆษณาที่เล่นได้และแบบสำรวจที่เตรียมไว้

โฆษณาที่มีการให้รางวัล (หรือ "อิงตามรางวัล") ช่วยสร้างรายได้จากผู้ใช้ที่เล่นฟรีได้

ใช้โฆษณาที่มีการให้รางวัล

หัวข้อที่สนใจอื่นๆ

สำรวจวิธีอื่นๆ ในการวัดเมตริกและผสานรวมฟีเจอร์ของ Firebase กับ AdMob

ดูเมตริกผู้ใช้และข้อมูลวิเคราะห์

หลังจากเริ่มต้นใช้งาน SDK ของ Mobile Ads จะเริ่มบันทึกเหตุการณ์และพร็อพเพอร์ตี้ผู้ใช้ของ Analytics จากแอปโดยอัตโนมัติ คุณสามารถดูข้อมูลนี้ได้โดยไม่ต้องเพิ่มโค้ดลงในแอปหรือติดตั้งใช้งานโฆษณาใดๆ คุณดูข้อมูลวิเคราะห์นี้ได้ที่ตำแหน่งต่อไปนี้

• ในการ์ดเมตริกผู้ใช้ของบัญชี AdMob (แดชบอร์ดหน้าแรกหรือแอป) คุณสามารถดูเมตริกผู้ใช้ที่ได้รับการดูแลจัดการซึ่งได้มาจากข้อมูลวิเคราะห์ที่รวบรวมไว้ เช่น ระยะเวลาเซสชันโดยเฉลี่ย, ARPU และการคงผู้ใช้ไว้

• ในแดชบอร์ด Analytics ของคอนโซล Firebase คุณสามารถดูสถิติแบบรวมและสรุปเมตริกหลักได้ หากเพิ่ม Firebase SDK สำหรับ Google Analytics คุณจะสามารถทำเครื่องหมาย Conversion สำหรับแคมเปญโฆษณาและสร้างกลุ่มเป้าหมายที่กำหนดเองในคอนโซล Firebase ได้ด้วย

โปรดทราบว่าเพื่อให้แสดงเมตริก ARPU และ ARPPU ได้ดียิ่งขึ้น คุณอาจต้องรวมข้อมูลจากเหตุการณ์ที่กำหนดเองของ Analytics ที่ชื่อว่า ecommerce_purchase ไว้ในการคำนวณรายได้สำหรับเมตริกเหล่านี้ (ดูวิธี)

(ไม่บังคับ) ใช้ฟีเจอร์เพิ่มเติมของ Google Analytics และ Firebase

ใช้ประโยชน์จากโอกาสและฟีเจอร์เพิ่มเติมเพื่อปรับปรุงการสร้างรายได้จากแอปและการมีส่วนร่วมของผู้ใช้ ดังนี้

• เพิ่มและใช้ Firebase SDK สำหรับ Google Analytics

  • ใช้การบันทึกเหตุการณ์ที่กำหนดเองในแอป

  • ทำเครื่องหมาย Conversion สำหรับแคมเปญโฆษณาที่กำหนดเอง

  • รวมข้อมูลเหตุการณ์ ecommerce_purchase ในการคำนวณรายได้สำหรับเมตริก ARPU และ ARPPU

  ดูข้อมูลเพิ่มเติมได้ที่คู่มือการใช้ Google Analytics และ Firebase กับแอป AdMob

• ใช้ผลิตภัณฑ์อื่นๆ ของ Firebase ในแอป

  หลังจากเพิ่ม Firebase SDK สำหรับ Google Analytics แล้ว ให้ใช้ผลิตภัณฑ์ Firebase อื่นๆ เพื่อเพิ่มประสิทธิภาพโฆษณาในแอป

  • Remote Config ช่วยให้คุณเปลี่ยนลักษณะการทำงานและรูปลักษณ์ของแอปได้โดยไม่ต้องเผยแพร่การอัปเดตแอป

  • A/B Testing ช่วยให้คุณทดสอบการเปลี่ยนแปลงใน UI, ฟีเจอร์ หรือแคมเปญเพื่อการมีส่วนร่วมของแอปได้ เพื่อดูว่าการเปลี่ยนแปลงเหล่านั้นส่งผลต่อเมตริกหลัก (เช่น รายได้และการคงผู้ใช้ไว้) หรือไม่ก่อนที่จะเปิดตัวการเปลี่ยนแปลงในวงกว้าง