Jual Produk Dalam Aplikasi (IAP)

1📥 Dapatkan panduan + aplikasi demo yang berfungsi#

Semua dalam panduan ini juga tersedia sebagai PDF yang bisa dibaca offline, plus aplikasi demo lengkap yang bisa Anda build dan jalankan hari ini.

Ketuk di bawah dan keduanya disimpan ke ponsel Anda di Downloads/AppMint/Guides:

• AppMint-InApp-Purchases-Guide.pdf - panduan lengkap, termasuk langkah Play Console dan contoh React / Next.js
• iap-demo-index.html - game kecil yang menjual tiga hal: hapus iklan (sekali bayar), paket level (sekali bayar), dan season pass bulanan

Untuk mencoba demo: zip iap-demo-index.html sendiri, unggah di stepper, dan ikuti panduan. Ini cara tercepat melihat pembelian sungguhan berjalan dari awal sampai akhir sebelum menyentuh aplikasi Anda sendiri.

2Apa ini? (dengan bahasa sederhana)#

Aplikasi Anda bisa menjual sesuatu - peningkatan Pro, level tambahan, langganan - dan Google menerima uangnya lalu membayarkannya kepada Anda setiap bulan.

KITA AKAN MEMBUAT SATU CONTOH BERSAMA, sepanjang panduan ini:

A game that sells two things
  • 'Levels 11-20'      ₹99  paid once, kept forever
  • 'Remove ads'        ₹49  every month

Pada akhirnya Anda hanya menambahkan empat baris ke halaman Anda. Hanya itu pekerjaannya - tidak ada kode pembelian yang perlu ditulis, dan jika Anda belum pernah melakukannya, Anda tetap akan baik-baik saja.

Anda TIDAK perlu bisa pemrograman selain salin-tempel, dan TIDAK perlu server, database, atau akun perusahaan pembayaran. Google Play mengurus bagian yang sulit:

• Menampilkan layar pembayaran (kartu / UPI / carrier billing)
• Mengubah harga Anda ke mata uang setiap negara
• Mengingat siapa membeli apa - bahkan setelah instal ulang
• Mengirim uang ke bank Anda

AppMint mengambil 0% - penjualan langsung masuk ke akun Google Play ANDA.

Berfungsi sama untuk Website → APK, ZIP → APK, dan aplikasi buatan AI.

3Yang Anda butuhkan sebelum mulai#

Hanya empat hal:

1. Situs web atau aplikasi HTML/ZIP Anda (yang Anda ubah menjadi APK).
2. Sesuatu untuk dijual - tentukan apa yang didapat pembeli (mis. 'Pro version': tanpa batas, konten tambahan).
3. Akun pengembang Google Play - biaya satu kali $25 di play.google.com/console. Anda membutuhkannya untuk menerbitkan APA PUN di Play Store, bukan hanya aplikasi berbayar.
4. Sekitar 1 jam, total, tersebar di langkah-langkah di bawah.

Penting diketahui di awal: pembelian dalam aplikasi hanya berfungsi saat aplikasi Anda dipasang DARI Play Store. Itu aturan Google untuk semua orang, bukan batasan AppMint.

4Langkah 1 - Buat ID produk Anda#

ID produk hanyalah nama singkat yang Anda buat untuk barang yang Anda jual. Anda akan mengetik nama yang sama di dua tempat nanti (halaman Anda + Play Console), jadi buat sederhana dan catat.

Aturan: hanya huruf kecil, angka, garis bawah. Harus diawali huruf atau angka.

Salin salah satu dari ini:

• pro_unlock - peningkatan 'Pro version' (default yang bagus - kode di bawah sudah memakainya)
• remove_ads - peningkatan bebas iklan
• level_pack_2 - paket konten tambahan
• coins_100 - paket mata uang game
• premium_monthly - langganan bulanan

Harga BUKAN bagian dari ID - Anda menetapkan harga di Langkah 5, dan bisa mengubahnya kapan saja tanpa menyentuh kode Anda.

5Langkah 2 - Tandai tombol Anda (tanpa kode yang perlu ditulis)#

Anda TIDAK menulis kode pembelian apa pun. Aplikasi Anda sudah membawa mesin pembelian - Anda hanya memberi label pada HTML Anda sendiri agar tahu apa yang dijual.

Salin blok di bawah ke halaman Anda dan ubah hanya:

(1) pro_unlock → ID produk Anda, di data-iap-buy
(2) kata-kata di tombol dan di dalam bagian berbayar

Selesai. Tombol lalu menampilkan harga asli Google dalam mata uang pembeli sendiri, membuka layar pembayaran Google saat diketuk, menampilkan bagian berbayar setelah pembayaran (dan lagi di setiap peluncuran bagi yang sudah membeli), mencabutnya jika langganan berakhir atau pembayaran dikembalikan, dan menampilkan pesan jelas jika ada yang salah.

EMPAT LABEL:

• data-iap-buy="id" - menjadikan ini tombol beli (wajib)
• data-iap-label="…{price}…" - teks tombol; {price} menjadi harga asli dari Google
• data-iap-owned="…" - teks tombol setelah membeli
• data-iap-show - bagian yang muncul hanya setelah membeli (awali dengan 'hidden')

Tersedia juga: data-iap-hide (hilang setelah membeli), data-iap-container (pembungkus yang hanya muncul di dalam aplikasi), data-iap-text (taruh pada <span> yang berisi teks jika tombol Anda juga punya ikon).

MENJUAL BEBERAPA HAL BERBEDA? Tambahkan tombol untuk masing-masing. Mereka independen - satu aplikasi bisa menghapus iklan DAN menjual paket level DAN menjalankan langganan, dan membeli satu tidak memengaruhi yang lain. Arahkan satu bagian ke satu produk dengan data-iap-show="level_pack_2".

Hanya ID yang Anda ketik di 'Remove Ads (IAP) → Product ID' yang mematikan iklan. Semua yang lain yang Anda jual membuka apa pun yang dilakukan halaman Anda dengannya, dan iklan tetap berjalan.

DUA PAKET UNTUK HAL YANG SAMA (bulanan vs seumur hidup)? Beri kedua tombol data-iap-group="adfree" yang sama - maka membeli salah satunya menyembunyikan yang lain, sehingga tidak ada yang membayar dua kali. Tanpa grup, tidak ada yang disembunyikan, yang memang dibutuhkan produk yang tidak berhubungan.

<!-- (1) CHANGE pro_unlock to your product ID -->
<button data-iap-buy="pro_unlock"
        data-iap-label="Unlock Pro — {price}"
        data-iap-owned="✓ Unlocked">
  Unlock Pro
</button>

<!-- (2) CHANGE the words. Appears only after buying. -->
<div data-iap-show hidden>
  🎉 Pro content here — visible after buying.
</div>

<!-- Optional: disappears after buying -->
<div data-iap-hide>
  Upgrade to remove the ads.
</div>

<!-- DIFFERENT THINGS: independent — buying one never affects the others -->
<button data-iap-buy="remove_ads"   data-iap-label="Remove ads — {price}">Remove ads</button>
<button data-iap-buy="level_pack_2" data-iap-label="Levels 11-20 — {price}">Get levels</button>

<div data-iap-show="level_pack_2" hidden>Levels 11-20 unlocked!</div>

<!-- SAME THING, TWO PLANS: one group, so buying either hides the other -->
<button data-iap-buy="remove_ads_monthly"  data-iap-group="adfree"
        data-iap-label="Remove ads — {price}/month"
        data-iap-owned="✓ Ad-free (monthly)">Remove ads monthly</button>

<button data-iap-buy="remove_ads_lifetime" data-iap-group="adfree"
        data-iap-label="Remove ads forever — {price}"
        data-iap-owned="✓ Ads removed forever">Remove ads forever</button>

64 hal yang biasanya dijual orang#

Pilih yang cocok untuk Anda. Satu-satunya perbedaan adalah tempat Anda membuat produk di Play Console - bentuk kode halaman Anda selalu sama.

1. HAPUS IKLAN, BAYAR SEKALI (selamanya)

Buat di: In-app products
Ketik juga ID-nya di: Remove Ads (IAP) → Product ID

1. HAPUS IKLAN, BULANAN

Buat di: Subscriptions
Ketik juga ID-nya di: Remove Ads (IAP) → Product ID

1. BUKA LEVEL / KONTEN, BAYAR SEKALI

Buat di: In-app products
JANGAN ketik di kotak Remove Ads - iklan Anda tetap berjalan.

1. BUKA LEVEL / KONTEN, BULANAN

Buat di: Subscriptions
JANGAN ketik di kotak Remove Ads - iklan Anda tetap berjalan.

Anda bisa menjual KEEMPATNYA di aplikasi yang sama, dan produk sebanyak yang Anda mau. Membeli satu tidak memengaruhi yang lain.

<!-- 1. remove ads, paid once -->
<button data-iap-buy="remove_ads_lifetime"
        data-iap-label="Remove ads forever — {price}"
        data-iap-owned="✓ Ads removed">Remove ads forever</button>

<!-- 2. remove ads, monthly -->
<button data-iap-buy="remove_ads_monthly"
        data-iap-label="Remove ads — {price}/month"
        data-iap-owned="✓ Ad-free">Remove ads monthly</button>

<!-- 3. levels, paid once -->
<button data-iap-buy="level_pack_2"
        data-iap-label="Levels 11-20 — {price}"
        data-iap-owned="✓ Unlocked">Get levels 11-20</button>

<!-- 4. all levels, monthly -->
<button data-iap-buy="all_levels_monthly"
        data-iap-label="All levels — {price}/month"
        data-iap-owned="✓ Subscribed">Subscribe</button>

7Pembelian mana yang menghapus iklan?#

Ini satu hal yang sering salah, jadi layak 30 detik.

Iklan Anda BUKAN bagian dari halaman web Anda. Iklan itu adalah iklan Android asli yang berada di atasnya, jadi tidak ada di halaman Anda yang bisa mematikannya. Hanya SATU hal yang bisa:

wizard Step 3 → Remove Ads (IAP) → Product ID

ID apa pun yang Anda ketik di kotak itu akan menghapus iklan saat dibeli. ID lain yang Anda jual hanya membuka apa pun yang dilakukan halaman Anda dengannya, dan iklan tetap berjalan.

Menjual paket bebas iklan DAN paket level? Ketik hanya ID bebas iklan di kotak itu. Pada contoh kita:

Product ID box:  remove_ads_monthly
NOT in the box:  level_pack_2

Menawarkan dua paket bebas iklan (bulanan DAN seumur hidup)? Taruh keduanya di satu kotak itu, dipisahkan koma - memiliki salah satunya menghapus iklan:

remove_ads_monthly,remove_ads_lifetime

Tidak menjual penghapusan iklan sama sekali? Biarkan toggle itu mati dan gunakan saja '💰 Sell In-App Products'.

Selling levels only:
  Remove Ads (IAP)          OFF
  Sell In-App Products      ON

Selling ad removal only:
  Remove Ads (IAP)          ON   → Product ID: remove_ads_monthly
  Sell In-App Products      ON

Selling both, with two ad-free plans:
  Remove Ads (IAP)          ON   → Product ID: remove_ads_monthly,remove_ads_lifetime
  Sell In-App Products      ON
  (level_pack_2 stays out of the box)

8Contoh lengkap - halaman HTML biasa#

Ini seluruh aplikasi contoh kita: menjual 'Levels 11-20' sekali, dan 'Remove ads' bulanan. Salin, ubah dua ID dan kata-katanya, dan selesai.

Baca fungsi setiap label:

• data-iap-buy → apa yang dijual tombol ini
• data-iap-label → teksnya; {price} menjadi harga asli dari Google
• data-iap-owned → teks setelah mereka membayar
• data-iap-show="level_pack_2" → kotak ini muncul hanya setelah produk ITU dibeli
• data-iap-hide → kotak ini hilang setelah ada yang dibeli

Perhatikan tidak ada <script> dan tidak ada kode pembelian. Aplikasi Anda sudah memilikinya.

<h2>Get more levels</h2>

<button data-iap-buy="level_pack_2"
        data-iap-label="Levels 11-20 — {price}"
        data-iap-owned="✓ Levels 11-20 unlocked">
  Levels 11-20
</button>

<div data-iap-show="level_pack_2" hidden>
  🎉 Levels 11 to 20 are yours. Have fun!
</div>


<h2>Tired of ads?</h2>

<button data-iap-buy="remove_ads_monthly"
        data-iap-label="Remove ads — {price}/month"
        data-iap-owned="✓ No more ads">
  Remove ads
</button>

<div data-iap-hide>
  Ads help keep this game free.
</div>

9Contoh lengkap - React atau Next.js#

CARA MUDAH: label yang persis sama berfungsi di React dan Next.js, karena hanya markup. Tanpa useState, tanpa useEffect, tanpa 'use client'. Tombol yang ditambahkan React belakangan diambil otomatis.

Itu semua yang dibutuhkan kebanyakan aplikasi - gunakan blok pertama di bawah dan berhenti di situ.

CARA TERKENDALI (blok kedua): hanya jika Anda ingin React sendiri yang menampilkan harga dan mengganti layar. Maka:

• Di Next.js taruh 'use client' di baris 1 file, atau build gagal.
• Hanya sentuh window.AppMintIAP di dalam useEffect - di badan komponen ia berjalan di server, tempat window tidak ada.
• onChange(fn) langsung memberi Anda keadaan dan lagi setiap ada perubahan, serta mengembalikan fungsi berhenti berlangganan yang diinginkan React.
• Di Next.js, build sebagai static export: output: 'export' di next.config.js.

// ── EASY WAY — just JSX, nothing else ──────────────────────────
export default function Shop() {
  return (
    <>
      <button data-iap-buy="level_pack_2"
              data-iap-label="Levels 11-20 — {price}"
              data-iap-owned="✓ Unlocked">Levels 11-20</button>

      <div data-iap-show="level_pack_2" hidden>🎉 Levels 11-20 are yours!</div>
    </>
  );
}


// ── CONTROLLED WAY — React draws everything ───────────────────
'use client';                       // Next.js: must be line 1
import { useEffect, useState } from 'react';

export default function Shop() {
  const [iap, setIap] = useState({ available: false, products: {} });

  useEffect(() => {
    if (typeof window === 'undefined' || !window.AppMintIAP) return;
    window.AppMintIAP.start({
      plans: [{ id: 'level_pack_2' }, { id: 'remove_ads_monthly' }]
    });
    return window.AppMintIAP.onChange(setIap);
  }, []);

  if (!iap.available) return null;   // outside the app there is nothing to buy

  const levels = iap.products?.level_pack_2;   // always optional-chain
  return levels?.owned
    ? <p>🎉 Levels 11-20 are yours!</p>
    : <button onClick={() => window.AppMintIAP.buy('level_pack_2')}>
        Levels 11-20 {levels?.price}
      </button>;
}

10Pemeriksaan cepat di browser Anda#

Buka halaman Anda di browser biasa (Chrome di PC atau ponsel).

Anda akan melihat tombol beli ada di sana tanpa melakukan apa-apa, dan bagian berbayar Anda tetap tersembunyi. Keduanya benar: di luar aplikasi tidak ada yang bisa dibeli, jadi tidak ada yang bisa dibeli secara tidak sengaja.

Di dalam aplikasi, halamannya sama sekali berbeda: tombol mendapat harga asli, membuka layar pembayaran Google, dan menyembunyikan diri setelah pembeli memilikinya. Situs web Anda tetap berfungsi normal bagi pengunjung biasa.

Ingin penawaran hilang sepenuhnya di web? Bungkus dalam <div data-iap-container hidden> - pembungkus itu hanya ditampilkan di dalam aplikasi.

11Langkah 3 - Nyalakan pembelian di STEPPER#

⚠️ JANGAN LEWATKAN INI. Jika dilewatkan, tombol Anda tetap muncul, tetapi setiap ketukan dijawab 'In-app purchases are not enabled in this app.' dan Anda tidak menerima uang.

STEPPER adalah layar Step 1 → Step 2 → Step 3 yang Anda gunakan untuk membuat aplikasi. Pembelian ada di STEPPER STEP 3.

LAKUKAN BERURUTAN:

1. Buka stepper dan masuk ke STEPPER STEP 3 (layar dengan Ads, Notifications, dan Permissions).

STEPPER STEP 3 — what to set

  Ads ......................... ON  (needed to see the card below)
  💰 Sell In-App Products ..... ON  ← REQUIRED for selling anything

  Selling ad removal too?
  Remove Ads (IAP) ............ ON
  Play Store Product ID ....... remove_ads_monthly
         (two plans) .......... remove_ads_monthly,remove_ads_lifetime
  License Key ................. paste from Play Console

  Export ...................... AAB  (not APK)

12Langkah 4 - Taruh aplikasi Anda di Google Play#

Di Play Console Anda (situs tempat pengembang mengelola aplikasi):

1. 'Create app' → isi nama dan pertanyaan dasar.
2. Di menu kiri: 'Testing' → 'Internal testing' → 'Create new release' → unggah file AAB Anda → 'Save' lalu rilis.
3. Masih di Internal testing → tab 'Testers' → tambahkan Gmail Anda sendiri → salin tautan 'join' untuk nanti.

Internal testing adalah area privat - belum ada yang bisa melihat aplikasi Anda. Gunanya agar ANDA bisa mencoba pembelian sebelum dirilis publik.

Buka Play Console →

13Langkah 5 - Buat produk Anda dan tetapkan harga#

Sekarang beri tahu Google apa yang Anda jual. Menu yang Anda gunakan bergantung pada apakah mereka membayar sekali atau setiap bulan.

BAYAR SEKALI (level, Pro, koin, hapus-iklan-selamanya)

1. Play Console → aplikasi Anda → 'Monetize' → 'Products' → 'In-app products'.
2. 'Create product'.
3. Product ID: ketik PERSIS ID dari halaman Anda - level_pack_2. Ejaan sama, huruf besar-kecil sama. Google tidak pernah mengizinkan Anda mengubah atau memakainya ulang.
4. Nama: yang dilihat pembeli, mis. 'Levels 11-20'. Deskripsi: satu baris.
5. Tetapkan harga dalam mata uang Anda sendiri - Google mengonversinya untuk setiap negara.
6. Tekan 'Activate'.

SETIAP BULAN (hapus iklan bulanan, langganan semua level)

1. Play Console → 'Monetize' → 'Products' → 'Subscriptions'.
2. 'Create subscription'. Product ID: remove_ads_monthly.
3. Simpan, lalu tambahkan BASE PLAN: tipe 'Auto-renewing', periode tagihan 'Monthly', harga Anda.
4. Tekan 'Activate' pada base plan DAN pada langganannya sendiri. Lewatkan salah satunya dan aplikasi Anda tidak bisa melihatnya.

Ulangi untuk setiap ID yang Anda pakai. Kode halaman Anda tidak berubah - aplikasi menanyakan ke Google jenis setiap ID.

INGIN BULANAN *DAN* TAHUNAN? Buat DUA langganan terpisah (all_levels_monthly dan all_levels_yearly), bukan dua base plan dalam satu langganan. Satu langganan dengan beberapa base plan selalu menawarkan yang pertama, tanpa cara untuk memilih.

Ubah harga kapan saja di Play Console - aplikasi Anda menampilkan harga baru dengan sendirinya, tanpa perlu build ulang.

14Langkah 6 - Ujilah (Anda tidak akan ditagih)#

1. Play Console → menu kiri 'Setup' → 'License testing' → tambahkan Gmail Anda ke daftar penguji.
2. Di ponsel Anda: buka tautan join internal-testing dari Langkah 4, terima, dan pasang aplikasi Anda DARI Play Store.
3. Buka aplikasi. Tombol beli Anda muncul dengan harga asli.
4. Ketuk - lembar pembayaran Google terbuka dan bertuliskan 'Test card, always approves'. Belilah. Konten pro Anda muncul. Anda tidak membayar apa pun.
5. Pemeriksaan bonus: hapus lalu pasang ulang aplikasi - konten pro terbuka sendiri saat peluncuran. Itu Google memulihkan pembelian.

⚠️ Jika Anda memasang APK secara langsung (sideload), bukan dari Play Store, tombol beli TIDAK akan muncul. Itu normal - selalu uji lewat tautan Play Store.

15Langkah 7 - Tayang dan dapatkan bayaran#

1. Jika pengujian sudah bagus: Play Console → 'Production' → buat rilis dengan AAB yang sama → rilis. (Aplikasi pertama melalui peninjauan Google - biasanya beberapa hari.)
2. Pengguna membeli di dalam aplikasi Anda → Google menerima uangnya.
3. Google membayar rekening bank Anda setiap bulan (Play Console → 'Payments profile'). Google mengambil biaya layanan standarnya (15% untuk sebagian besar pengembang). AppMint tidak mengambil apa pun.

Untuk menambah produk nanti: tambahkan ID baru di kode halaman Anda, build ulang sekali, dan buat ID di Play Console. Perubahan harga tidak pernah perlu build ulang.

16Jika ada yang tidak berfungsi#

Aplikasi Anda memberi tahu apa yang salah, bukan gagal diam-diam. Temukan pesan yang Anda lihat:

'In-app purchases are not enabled in this app.'
→ '💰 Sell In-App Products' dalam keadaan MATI di STEPPER STEP 3 saat Anda membuat build. Nyalakan lalu build lagi.

'This item is not available on Google Play yet.'
→ Google tidak mengenali ID itu. Periksa huruf demi huruf dengan Play Console, pastikan produk AKTIF (untuk langganan, base plan DAN langganan harus keduanya diaktifkan), dan pastikan Anda memasang aplikasi dari tautan penguji Play.

'Google Play could not start the payment.'
→ Aplikasi tidak dipasang dari Play Store, atau ditandatangani dengan kunci yang berbeda dari yang Anda unggah.

'Payment pending - this unlocks automatically once Google confirms.'
→ Tidak perlu berbuat apa-apa. Metode pembayaran lambat (voucher tunai, beberapa UPI) butuh beberapa menit; pembukaan datang sendiri, bahkan setelah aplikasi dimulai ulang.

SAMA SEKALI TIDAK ADA PESAN, tidak terjadi apa-apa saat diketuk
→ Hampir selalu salah ketik di data-iap-buy, atau aplikasi tidak dipasang dari Play. Penyebab lain menampilkan salah satu pesan di atas.

PEMBAYARAN BERHASIL TAPI IKLAN MASIH ADA
→ ID produk itu tidak ada di STEPPER STEP 3 → 'Remove Ads (IAP)' → 'Play Store Product ID'. Tambahkan (pisahkan dengan koma jika beberapa) lalu build lagi.

TOMBOL BELI TIDAK PERNAH MUNCUL DI APLIKASI
→ '💰 Sell In-App Products' mati saat build. Di browser web biasa, tombolnya disembunyikan DENGAN SENGAJA - tidak ada yang bisa dibeli di luar aplikasi.

TIDAK ADA YANG TERJADI SETELAH SAYA MENUTUP LEMBAR PEMBAYARAN GOOGLE
→ Itu pembatalan biasa. Ketuk lagi dan selesaikan pembayaran.

HARGA TERLIHAT LAMA
→ Play menyimpan harga di perangkat selama beberapa jam. Instalasi baru selalu menampilkan harga terbaru.

17React, Next.js, atau JavaScript biasa#

REACT DAN NEXT.JS TIDAK MEMERLUKAN APA PUN YANG KHUSUS. Label di atas hanya markup, jadi satu baris yang sama berfungsi di sana juga - tanpa useState, tanpa useEffect, tanpa 'use client':

<button data-iap-buy="pro_unlock"

      data-iap-label="Unlock Pro — {price}">Unlock Pro</button>

Tombol yang dipasang React belakangan ditemukan otomatis, dan pemasangan ulang aman. Di Next.js, build sebagai static export (output: 'export').

Lebih suka kode daripada label? Satu baris melakukan hal yang sama:

AppMintIAP.sell('pro_unlock', '#buy-btn');

Argumen ketiga opsional: {label:'Unlock Pro - {price}', owned:'✓ Unlocked', show:'#thanks', hide:'.upsell'}. Panggil sekali per produk.

HANYA JIKA ANDA INGIN REACT MENAMPILKAN HARGA SENDIRI - jika tidak, lewati ini:

const [iap, setIap] = useState({ available: false, products: {} });

useEffect(() => {

if (typeof window === 'undefined' || !window.AppMintIAP) return;
window.AppMintIAP.start({ plans: [{ id: 'pro_unlock' }] });
return window.AppMintIAP.onChange(setIap);

}, []);

const pro = iap.products?.pro_unlock; // selalu gunakan optional chaining

if (!iap.available) return null; // tidak ada yang dibeli di luar aplikasi
if (pro?.owned) return <p>Terima kasih!</p>;
return <button onClick={() => window.AppMintIAP.buy('pro_unlock')}>

       Unlock Pro {pro?.price}
     </button>;

DUA KEBIASAAN MENCEGAH INI RUSAK:

1. Baca kepemilikan PER PRODUK - iap.products?.<id>?.owned. iap.owned tingkat atas berarti 'ada yang dimiliki' dan maknanya berubah saat Anda menjual produk kedua.
2. Gunakan optional chaining untuk seluruh path, agar field yang tidak terduga tidak pernah menimbulkan error saat React merender.

onChange langsung memberi Anda {available, adFree, owned, ownedIds, products} dan setiap ada perubahan, serta mengembalikan fungsi berhenti berlangganan - jadi pembeli yang kembali sudah terbuka sejak render pertama. Di Next.js tambahkan 'use client' di baris 1 dan build dengan output: 'export'.

Juga: AppMintIAP.available, .isOwned(id), .owned(), .buy(id), .state(), .refresh(). Label data-iap-buy juga berfungsi di JSX, dan tombol yang dipasang React belakangan diambil otomatis.

Ingin menjalankan bridge mentah sendiri? Semua di atas dibangun dari ini:

• iap.isOwned(id) - true/false seketika, berfungsi offline
• iap.getOwnedProducts() - array JSON berisi semua ID yang dimiliki
• iap.getProducts(reqId, idsJson) - harga langsung; hasil datang sebagai event 'appmint:products' {requestId, products:[{productId, title, price, currency, type, owned}]}
• iap.purchase(id) - produk sekali bayar DAN langganan (terdeteksi otomatis)
• Event: 'appmint:purchase' {productId} (berikan akses HANYA di sini - ketukan pada sesuatu yang sudah dimiliki memicunya lagi), 'appmint:owned-changed' {products} (pemulihan saat peluncuran selesai, atau pengembalian dana mengambil sesuatu - baca ulang kepemilikan),'appmint:purchase-failed' {reason: disabled | not_found | billing_error | pending}

Hanya menjual satu peningkatan 'remove ads'? Gunakan pasangan bawaan yang lebih sederhana - aktifkan 'Remove Ads (IAP)' di Langkah 3 wizard:

var iap = window.WebToApk;

if (iap && !iap.isPremium()) {
  showRemoveAdsButton(function onTap() {
    iap.startRemoveAdsPurchase();
  });
}

window.addEventListener('appmint:premium', function (e) {
  if (e.detail.premium) hideRemoveAdsButton();
});

1Buat Managed Product#

Di dasbor Google Play Console Anda:

• Buka 'Monetization' > 'In-app products'
• Klik 'Create product'
• Masukkan Product ID (mis. 'remove_ads_premium')
• Tetapkan Nama (mis. 'Remove All Ads') dan Deskripsi
• Tetapkan Harga lalu klik 'Save'
• Klik 'Activate' agar tersedia untuk pengujian

Menjual penghapusan iklan sebagai LANGGANAN? Buat di 'Monetization' > 'Subscriptions' dengan base plan auto-renewing, dan aktifkan KEDUANYA base plan dan langganan. Bebas iklan lalu berlaku selama langganan aktif, dan iklan kembali otomatis saat berakhir.

Buka Play Console →

2Dapatkan License Key Anda#

Google Play memerlukan kunci publik RSA untuk memverifikasi pembelian dengan aman.

Di Play Console:

• Buka 'Monetization' > 'Monetization setup'
• Di bawah 'Licensing', salin 'Base64-encoded RSA public key'
• ⚠️ PENTING: Anda perlu menempelkan ini ke Generator nanti.

Example Key Format:
MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA...

3Penyiapan di WebToApk Generator#

Di aplikasi generator:

1. Aktifkan toggle 'Remove Ads (IAP)' di Langkah 3
2. Masukkan 'Product ID' yang PERSIS sama dengan yang Anda buat di Langkah 1
3. Tempel 'Base64 License Key' Anda dari Langkah 2
4. Buat APK/AAB Anda

Menawarkan lebih dari satu paket bebas iklan (mis. langganan bulanan DAN pembukaan seumur hidup sekali bayar)? Taruh setiap Product ID di satu kolom ini, dipisahkan koma - memiliki SALAH SATUNYA menghapus iklan. ID pertama yang tercantum adalah yang dibeli oleh item menu 'Remove Ads' bawaan, jadi taruh paket default Anda di awal.

Product ID: remove_ads_premium

Two plans:
remove_ads_monthly,remove_ads_lifetime

4Siapkan License Testers#

Untuk menguji pembelian tanpa menghabiskan uang sungguhan:

• Di Play Console, buka 'Setup' > 'License testing'
• Tambahkan alamat Gmail Anda ke daftar 'License testers'
• Pastikan 'License response' diatur ke 'RESPOND_NORMALLY'

Setup License Testers →

5Uji di Internal atau Closed Track#

Pembelian Dalam Aplikasi HANYA berfungsi saat aplikasi dipasang lewat Play Store (track Testing):

1. Unggah AAB yang Anda buat ke track 'Internal Testing' atau 'Closed Testing'
2. Bagikan tautan join penguji ke akun uji Anda
3. Unduh aplikasi dari Play Store
4. Ketuk tombol 'Remove Ads' di aplikasi Anda untuk menguji alurnya!

Note: Purchases will show a 'Test instrument, always approves' message for license testers.