iFrameLUX Premium iframe · SEO · tracking
Diproses di browser
iFrameLUX · HTML · WordPress · Blogger · Apps Script

Ubah URL menjadi iframe premium yang siap publish, SEO-ready, dan siap tracking.

Masukkan URL target, atur SEO dan tampilan iframe, aktifkan tracking iklan bila dibutuhkan, lalu salin atau unduh hasilnya. Generator dan project tetap diproses di browser; branding global dikelola aman melalui admin PHP.

3Mode output
3Tracking platform
100%Client-side
Langkah 1

Target & Platform

Tentukan alamat web yang akan dimuat serta format hasil yang Anda perlukan.

Wajib
HTTP/HTTPS. URL Google Apps Script Web App didukung. Belum diperiksa
Target platform
Langkah 2

SEO & Social Metadata

Semua data diisi manual agar stabil dan tidak bergantung pada API atau scraping.

Manual SEO
Rekomendasi umum: sekitar 30–60 karakter, tetapi Google dapat menulis ulang title pada hasil pencarian.
Kosongkan jika URL publik belum diketahui. Untuk Blogger, canonical dinamis dapat digunakan.
Social preview
Gunakan URL publik HTTPS. Rekomendasi visual umum: 1200 × 630 px.
Structured data
Langkah 3

Konten SEO yang Terlihat

Opsional, tetapi lebih baik daripada mengandalkan iframe kosong. Konten ini benar-benar tampil kepada pengunjung.

Recommended
Langkah 4

Tampilan Iframe

Atur ukuran, frame, loading state, dan fallback link.

px
px
Loading screen
Langkah 5

Permissions & Keamanan

Buka hanya izin yang memang dibutuhkan web app target.

Advanced
Perlu diketahui: Generator tidak dapat membypass X-Frame-Options atau Content-Security-Policy milik website target. Jika pemilik situs melarang embedding, iframe dapat gagal tampil.
Langkah 6

Ads & Conversion Tracking

Opsional. Aktifkan hanya platform tracking yang ingin disisipkan ke halaman wrapper hasil generator.

Optional
Meta PixelFacebook / Instagram Ads
Saat aktif, generator menambahkan base pixel + event PageView ke halaman wrapper hasil.
TikTok PixelTikTok Ads Manager
Saat aktif, base pixel dimuat dan event page view dijalankan otomatis.
Google AdsGoogle Tag + conversion opsional
Tanpa Conversion Label, hanya Google Tag/config yang dipasang. Jika label diisi, event conversion dikirim saat wrapper dibuka.
Penting: Tracking ini mengukur halaman wrapper hasil generator. Klik, checkout, atau event di dalam iframe lintas-domain tidak otomatis terbaca oleh pixel wrapper. Untuk event di dalam iframe diperlukan integrasi event khusus, misalnya postMessage.
Langkah 7

Project Lokal

Simpan konfigurasi di browser atau pindahkan konfigurasi melalui file JSON.

Siap membuat kode? Isi URL target lalu generate.
Hasil Generator

Kode siap pakai

Generate terlebih dahulu untuk menampilkan hasil.

— 
// Hasil generator akan tampil di sini.
Cara Pakai

Pilih platform

Setelah generate, panduan pemasangan sesuai platform akan muncul di sini.

Panduan Pengguna

Cara menggunakan iFrameLUX

Ikuti alur singkat ini untuk mengubah URL menjadi wrapper iframe yang siap dipreview, disalin, atau diunduh sesuai platform pilihan Anda.

Mulai dari Generator
1

Masukkan URL & pilih platform

Tempel URL website/Web App yang ingin ditampilkan, lalu pilih hasil untuk HTML, WordPress, atau Blogger.

2

Lengkapi SEO

Isi judul, meta description, canonical, social image, favicon, serta metadata lain sesuai kebutuhan halaman publik Anda.

3

Atur konten & tampilan iframe

Tentukan H1/deskripsi, tinggi iframe, radius, border, shadow, background, loader, dan pengaturan visual lainnya.

4

Pilih permission seperlunya

Aktifkan fullscreen, clipboard, kamera, mikrofon, lokasi, payment, download, atau sandbox hanya jika target memang membutuhkannya.

5

Tracking bersifat opsional

Meta Pixel, TikTok Pixel, dan Google Ads boleh tetap OFF. Jika digunakan, masukkan ID tracking yang valid pada bagian Tracking.

6

Preview, Generate & Publish

Cek Live Preview dan Quality Check, klik Generate, lalu salin kode atau unduh file. Petunjuk publish khusus platform muncul pada bagian Hasil.

Bagaimana menyimpan project?

Gunakan Simpan di browser untuk menyimpan konfigurasi di perangkat yang sedang dipakai. Gunakan Export JSON untuk backup atau pindah perangkat, lalu Import JSON untuk memuatnya kembali.

Kenapa website tertentu tidak bisa tampil di iframe?

Sebagian website melarang embedding melalui X-Frame-Options atau Content-Security-Policy. iFrameLUX tidak membypass kebijakan keamanan website target.

Kenapa login/cookie di dalam iframe bisa bermasalah?

Browser atau layanan target dapat membatasi third-party cookies dan sesi lintas-domain. Uji URL target langsung di browser dan gunakan permission hanya sesuai kebutuhan.

Apakah tracking membaca aktivitas di dalam iframe?

Tracking pada halaman wrapper membaca aktivitas wrapper. Event yang terjadi di dalam iframe beda domain tidak otomatis diteruskan tanpa integrasi event khusus dari aplikasi target.

Catatan: branding iFrameLUX hanya untuk tampilan aplikasi ini. Hasil HTML, WordPress, dan Blogger tetap netral dan tidak membawa logo, nama brand, tagline, atau footer aplikasi.
SEO-friendly, bukan jaminan ranking. Metadata yang baik membantu crawler memahami halaman, tetapi keputusan indexing dan ranking tetap berada pada mesin pencari.
Privasi lebih sederhana. Tidak ada upload image atau database untuk project. ID pixel/tracking tetap tersimpan di browser bila project/draft disimpan.
Hosting ringan. Tidak memerlukan database, Node.js, build process, atau API key. PHP hanya dipakai untuk installer, login admin, dan branding global.
LocalStorage

Project tersimpan