Panduan Integrasi Dokumen Legal
Hubungkan dokumen legal ke website & aplikasi kamu - XySpace / XyStudio.Tch
1. Apa Situs Ini?
XyStudio.Tch Legals adalah PUSAT LEGALITAS & DOKUMEN resmi XyStudio.Tch untuk SEMUA produk dan website: aplikasi, web builder, web-to-APK, downloader video (TikTok/YouTube), generator QRIS, tool online, sewa/rental PC, bio link, portfolio, dan lainnya. Semua dokumen tersedia dalam 40 locale (bahasa + negara) dengan deteksi otomatis perangkat - cukup sekali buat, dipakai semua.
2. Produk & Web yang Didukung
Dokumen legal di situs ini bisa dipanggil oleh semua jenis produk berikut (dan masih banyak lagi):
Tambahkan produk baru kapan saja hanya dengan 1 blok di daftar APPS di gen.js - lihat bagian 8.
3. Cara Paling Gampang: Link Biasa
Cukup buat link biasa (tag <a>) menuju halaman legal. Pengguna dibawa ke dokumen sesuai bahasa & negara perangkatnya otomatis - tidak perlu menambahkan bahasa secara manual.
lang=auto. HP berbahasa Jepang → dokumen tampil bahasa Jepang; HP Indonesia → bahasa Indonesia. Tidak perlu memilih bahasa.<a href="https://kallxy1.github.io/Xystudio-Tch/?doc=privacy">Kebijakan Privasi</a> <a href="https://kallxy1.github.io/Xystudio-Tch/?doc=terms">Syarat & Ketentuan</a> <a href="https://kallxy1.github.io/Xystudio-Tch/?doc=release">Rilis & Pembaruan</a>
4. Semua Dokumen (37)
Klik salah satu - langsung terbuka sesuai bahasa perangkat:
?doc=termsSyarat dan Ketentuan
?doc=privacyKebijakan Privasi
?doc=cookiesKebijakan Cookie
?doc=disclaimerDisclaimer
?doc=communityPedoman Komunitas
?doc=copyrightKebijakan Hak Cipta
?doc=securityKeamanan dan Pengaduan
?doc=accessibilityPernyataan Aksesibilitas
?doc=releaseRilis dan Pembaruan
?doc=transactionsPembelian dan Pengembalian Dana
?doc=eulaPerjanjian Lisensi Pengguna Akhir
?doc=moderationKebijakan Moderasi Konten
?doc=dmcaKebijakan DMCA & Penghapusan Konten
?doc=antispamKebijakan Anti-Spam & Penipuan
?doc=apiKetentuan Penggunaan API
?doc=affiliateKetentuan Afiliasi & Mitra
?doc=giveawayKetentuan Kontes & Giveaway
?doc=accountKebijakan Akun & Verifikasi
?doc=aiKetentuan Fitur AI
?doc=childrenKebijakan Privasi Anak
?doc=fairuseKebijakan Penggunaan Wajar (Downloader)
?doc=adsKebijakan Iklan & Monetisasi
?doc=acceptableuseKebijakan Penggunaan yang Dapat Diterima
?doc=dpaPerjanjian Pemrosesan Data
?doc=slaPerjanjian Tingkat Layanan (SLA)
?doc=thirdpartiesLayanan Pihak Ketiga
?doc=marketingKebijakan Pemasaran & Komunikasi
?doc=internationalTransfer Data Internasional
?doc=gdprNotifikasi Privasi GDPR (Uni Eropa)
?doc=ccpaNotifikasi Privasi CCPA/CPRA (California)
?doc=assetsLisensi Font, Ikon & Aset
?doc=helpPusat Bantuan
?doc=gamingKetentuan Game
?doc=saasPerjanjian SaaS
?doc=ecommerceKetentuan E-Commerce
?doc=rentalKetentuan Sewa / Rental
?doc=contactKontak
Tidak ada dokumen yang cocok.
5. Parameter URL
| Parameter | Fungsi | Contoh |
|---|---|---|
doc | Dokumen yang dibuka (11 pilihan) | ?doc=privacy |
lang | Default auto (deteksi otomatis). Bisa dipaksa bila perlu | &lang=auto |
app | Pilih aplikasi (untuk multi-app) | &app=shopku |
embed | Tampil menyatu tanpa latar (iframe/WebView) | &embed=1 |
6. Integrasi di Aplikasi Android (WebView - bukan browser)
Arahkan WebView ke URL dokumen - halaman legal terbuka di dalam aplikasi, tidak dilempar ke browser. Kode lengkap siap pakai ada di folder android-webview/.
webView.loadUrl("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy"); // bahasa otomatis per device
7. Panduan Kode untuk Developer
Contoh integrasi di berbagai bahasa/kerangka kerja. Semua mengarah ke URL legal dengan bahasa otomatis.
JavaScript (browser)
// 1) Baca daftar semua dokumen dari manifest.json fetch('https://kallxy1.github.io/Xystudio-Tch/manifest.json') .then(r => r.json()) .then(m => console.log(m.documents)); // 2) Arahkan user ke halaman legal (bahasa otomatis per device) window.location.href = 'https://kallxy1.github.io/Xystudio-Tch/?doc=privacy';
Node.js (Express)
const express = require('express'); const app = express(); // GET /privacy -> arahkan ke halaman legal (bahasa otomatis per device) app.get('/privacy', (req, res) => { res.redirect('https://kallxy1.github.io/Xystudio-Tch/?doc=privacy'); }); app.listen(3000);
npm
# Tidak perlu package khusus - cukup tautan URL ke situs legal. # Bisa baca manifest.json untuk otomasi. Contoh di package.json: "scripts": { "legal:info": "node -e \"fetch('https://kallxy1.github.io/Xystudio-Tch/manifest.json').then(r=>r.json()).then(m=>console.log(m.documents))\"" }
Python (requests / Flask)
import requests base = "https://kallxy1.github.io/Xystudio-Tch/" # web legal kamu # 1) Baca daftar dokumen (untuk otomasi) m = requests.get(base + "manifest.json").json() print(m["documents"]) # 2) Redirect user ke halaman legal (contoh Flask) # from flask import redirect # @app.route("/privacy") # def privacy(): # return redirect(base + "?doc=privacy")
PHP
<?php $base = "https://kallxy1.github.io/Xystudio-Tch/"; // 1) Baca daftar dokumen $m = json_decode(file_get_contents($base . "manifest.json"), true); // 2) Redirect user ke halaman legal (bahasa otomatis) header("Location: " . $base . "?doc=privacy"); exit;
Go
package main import "net/http" const legalBase = "https://kallxy1.github.io/Xystudio-Tch/" func main() { // /privacy -> arahkan ke halaman legal (bahasa otomatis) http.HandleFunc("/privacy", func(w http.ResponseWriter, r *http.Request) { http.Redirect(w, r, legalBase+"?doc=privacy", http.StatusFound) }) http.ListenAndServe(":8080", nil) }
Next.js (App Router)
// app/privacy/page.tsx - redirect ke halaman legal (bahasa otomatis) import { redirect } from "next/navigation"; export default function PrivacyPage() { redirect("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy"); } // atau pakai <Link>: // import Link from "next/link"; // <Link href="https://kallxy1.github.io/Xystudio-Tch/?doc=privacy">Kebijakan Privasi</Link>
Flutter (Dart)
import 'package:url_launcher/url_launcher.dart'; Future<void> openLegal() async { final url = 'https://kallxy1.github.io/Xystudio-Tch/?doc=privacy'; // bahasa otomatis per device if (await canLaunchUrl(Uri.parse(url))) { await launchUrl(Uri.parse(url)); } }
Kotlin (Android - WebView)
// Android - buka lewat WebView (bukan browser) val webView = findViewById<WebView>(R.id.legalWebView) webView.settings.javaScriptEnabled = true webView.loadUrl("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy") // atau buka di browser: // startActivity(Intent(Intent.ACTION_VIEW, Uri.parse("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy")))
Java (Android - WebView)
// Android (Java) - WebView, bukan browser WebView webView = findViewById(R.id.legalWebView); webView.getSettings().setJavaScriptEnabled(true); webView.loadUrl("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy"); // atau buka di browser: // startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy")));
Laravel (PHP)
<?php // routes/web.php - arahkan ke halaman legal (bahasa otomatis per device) Route::get('/privacy', function () { return redirect()->away("https://kallxy1.github.io/Xystudio-Tch/?doc=privacy"); }); // atau pakai helper pada view: // <a href="{{ 'https://kallxy1.github.io/Xystudio-Tch/' . '?doc=privacy' }}">Kebijakan Privasi</a>
8. Multi-Aplikasi - Satu Situs, Semua Produk
Setiap aplikasi yang ditambahkan di gen.js (daftar APPS) otomatis mendapat: cabang URL sendiri, nama aplikasi di seluruh dokumennya, dan email kontaknya sendiri. App pertama = default (tanpa prefix).
Contoh URL: https://kallxy1.github.io/Xystudio-Tch/id-id/artifacts/terms/8323534600507/ - tiap dokumen punya ID artefak unik & stempel resmi.
9. Menambah Aplikasi Baru
Buka gen.js → tambah satu blok di daftar APPS → jalankan node gen.js → deploy. App lama tetap ada, nama app baru otomatis masuk ke semua dokumennya.
const APPS = [ { key: 'xyspace', name: 'XySpace', type: 'Social Media', ... }, { key: 'shopku', name: 'ShopKu', type: 'E-Commerce', ... }, // tambah di sini ];
10. Deteksi Bahasa & Negara Otomatis
| Perangkat pengguna | Prefix URL |
|---|---|
| id-ID (Indonesia) | /id-id/… |
| ja-JP (Jepang) | /ja-jp/… |
| zh-TW (Taiwan) | /zh-tw/… |
| lainnya / tidak dikenal | /en-us/… |
Bahasa & negara dibaca otomatis dari perangkat pengguna. Tidak perlu menambahkan lang di URL.
11. Web3Forms & Notifikasi Feedback
Tombol feedback (๐/๐/๐ฉ/โ) di dokumen mengirim pesan ke email kamu. Ada 2 mode:
- Web3Forms (disarankan) โ feedback masuk email otomatis tanpa membuka aplikasi email. Cara pasang: buka
web3forms.comโ login โ masukkan Website URL dengan alamat situs legal kamu, mis.https://legal.xystudio.my.id/โ salin Access Key โ tempel digen.jsbagianWEB3FORMS_KEYโ jalankannode gen.jsโ push. - Mailto (fallback) โ kalau Access Key belum diisi, klik Kirim membuka aplikasi email perangkat dengan pesan sudah terisi.
Report & Help tetap memakai bottom-sheet form; like/dislike memunculkan form kecil (pesan & alasan opsional) di bawah tombol.
12. Changelog (Riwayat Rilis Situs)
| Versi | Tanggal | Perubahan |
|---|---|---|
| 3.2 | 3 Agu 2026 | Like/dislike = radio (cuma 1 aktif) + bisa undo/redo; tombol Batal menyembunyikan form; 5 dokumen diperdetail (Privasi, Cookie, Komunitas, EULA, Disclaimer); dokumen baru SaaS, E-Commerce, Rental = total 37. |
| 3.1 | 3 Agu 2026 | Feedback like/dislike = form inline (pesan & alasan opsional), hapus pager (1 dokumen utuh & panjang), Terms diperbesar detail (~1500 kata), 5 dokumen baru (GDPR, CCPA, Lisensi Aset, Pusat Bantuan, Game) = total 34, ikon bahasa SVG + dropdown melebar ke kiri, hapus nama app di header. |
| 2.0 | 2 Agu 2026 | 12 dokumen baru (EULA, Moderasi, DMCA, Anti-Spam, API, Afiliasi, Giveaway, Akun, AI, Privasi Anak, Fair Use, Iklan), PWA, QR, progress bar, pencarian dokumen, changelog, OG meta, Web3Forms. |
| 1.9 | 2 Agu 2026 | Feedback pintar + form Report/Help (bottom-sheet), tombol salin tautan. |
| 1.8 | 2 Agu 2026 | Rebrand XySpace, stempel & tanda tangan sejajar, ikon SVG, syntax highlight + copy. |
| 1.6 | 2 Agu 2026 | Panduan lengkap + 8 contoh kode + stempel & tanda tangan pertama. |
| 1.0 | 2 Agu 2026 | Rilis pertama: 26 bahasa, 9 dokumen, tampilan kertas. |