Cara membagikan file HTML di Google Drive sebagai halaman web

Jawaban singkat

Google Drive membagikan file .html sebagai kode atau unduhan, bukan halaman aktif, karena Drive berhenti meng-hosting halaman web pada 2016. Untuk membagikannya sebagai halaman, terbitkan file HTML itu dan kirim tautannya. Convika melakukannya gratis; tautan pribadi (Pro atau pass) menjauhkannya dari hasil pencarian.

Daftar gratis untuk mengunggah HTML Anda

Paket Free: tanpa kartu kredit, 1 halaman terbit, 10.000 tayangan halaman per bulan, dan bilah kecil Convika di bagian bawah.

Di halaman ini

Anda mengunggah file .html ke Google Drive, mengatur tautannya ke Siapa saja yang memiliki link, lalu mengirimkannya, tetapi penerima malah melihat tumpukan kode mentah atau ajakan mengunduh, bukan halaman web Anda. Google Drive mengakhiri hosting web lewat googledrive.com/host pada 31 Agustus 2016, dan meskipun Drive masih mencantumkan .HTML di antara jenis file yang bisa dipratinjau, bersama .CSS dan .JS, Drive memperlakukan file Anda sebagai markup dan kode, bukan situs yang aktif.

Panduan ini membahas apa yang sebenarnya dilakukan Drive pada file HTML, tiga cara membagikannya sesuai tujuan Anda, dan cara melihat file itu sendiri dengan Chrome (Ctrl+O di Windows/Linux atau Cmd+O di Mac) atau Penampil HTML gratis dari Convika (/id/tools/html-viewer/). Anda juga akan melihat apa yang didapat penerima dari tautan berbagi Drive, 4 langkah untuk mendapatkan tautan halaman yang berfungsi, cara membatasinya untuk orang yang Anda kirimi saja, mengapa gambar tidak tampil saat dibagikan dari folder, dan cara memakai Google Sites atau Apps Script kalau Anda ingin tetap di dalam alat Google.

Mengapa file HTML di Google Drive menampilkan kode atau terunduh, bukan terbuka

Google Drive tidak lagi meng-hosting atau menampilkan halaman web dari tautan file yang dibagikan: Drive berhenti menyajikan file sebagai situs aktif lewat googledrive.com/host pada 31 Agustus 2016. Kini Drive mencantumkan .HTML di bawah file markup dan kode (bersama .CSS, .JS, .PHP, dan .py) dan hanya menampilkan pratinjau dengan skala yang diperkecil, bukan menjalankan file itu seperti halaman web aktif.

  • Unduh dan buka di komputer: klik kanan file di Drive lalu klik Download (bisa dilakukan pelihat secara bawaan, kecuali pemilik mematikannya). Lalu buka di Chrome dengan Ctrl+O di Windows atau Linux, atau Cmd+O di Mac; membuka file dari foldernya sendiri membuatnya bisa menjalankan skrip dan memuat file lokal yang tersimpan di sebelahnya.
  • Lihat secara lokal tanpa mengunggah: setelah diunduh, buka file .html di Penampil HTML gratis dari Convika (/id/tools/html-viewer/), yang menampilkannya di browser perangkat Anda sehingga hanya Anda yang melihatnya. Kalau orang lain yang mengirimi Anda file itu, buka hanya kalau Anda memercayai pengirimnya, dan hapus dulu centang Jalankan skrip untuk memeriksa kodenya.
  • Terbitkan lewat alat Google: untuk membagikan URL aktif dari Google, tempel HTML, CSS, atau JavaScript Anda ke Google Sites lewat opsi untuk menyematkan kode di menu penyisipan (perlu diingat, halaman Convika tidak bisa disematkan di dalam Google Sites atau situs lain mana pun; tautkan saja), atau sajikan halaman lewat layanan HTML Google Apps Script dengan menambahkan file HTML, menulis fungsi doGet, lalu membuat deployment baru sebagai aplikasi web.

Saat Anda membagikan file HTML, dengan memilihnya, mengklik Bagikan, mengatur Akses umum ke Siapa saja yang memiliki link (kecuali akun kantor atau sekolah membatasi berbagi ke luar), lalu menyalin link, penerima hanya mendapat akses ke pratinjau file itu atau unduhannya. Untuk benar-benar melihat halaman yang ditampilkan, bukan kode mentah, Anda atau penerima bisa memakai salah satu pilihan di atas.

Tiga cara sesuai tujuan: lihat sendiri, kirim kodenya, kirim halamannya

Google Drive berhenti meng-hosting halaman web pada Agustus 2016, saat googledrive.com/host ditutup. Kini Drive mencantumkan .HTML di bawah file markup dan kode dan menampilkan pratinjau file dengan skala yang diperkecil, jadi tautan Drive yang dibagikan memberi penerima kode mentah atau unduhan file, bukan halaman web yang aktif. Pilih cara di bawah yang sesuai dengan apa yang sebenarnya ingin Anda lakukan dengan file itu.

TujuanCaranyaYang didapat penerima
Melihat sendiriUnduh dari Drive lalu buka di Chrome (Ctrl+O atau Cmd+O) atau di Penampil HTMLTidak ada: hanya Anda yang melihatnya
Mengirim filenyaBagikan di Drive, lalu Siapa saja yang memiliki link dan Salin linkFilenya: pratinjau Drive, atau unduhan
Mengirim halamannyaTerbitkan file dan kirim tautannyaHalaman di browser mereka, tanpa akun

Kalau Anda hanya perlu menyerahkan file .html agar diunduh atau diperiksa orang lain, tautan Google Drive biasa dengan Siapa saja yang memiliki link sebagai Pelihat sudah cukup. Kalau Anda ingin mereka mengklik tautan dan melihat halaman yang berfungsi di browser ponsel atau komputer, unggah satu file .html itu di kotak di bagian atas halaman ini untuk mendapatkan tautan yang bisa dibagikan, atau pakai Google Sites atau Google Apps Script kalau Anda ingin tetap di dalam alat Google.

Cara membuka file HTML dari Google Drive di Chrome

Google Drive mencantumkan .HTML di bawah jenis file markup dan kode dan hanya menampilkan pratinjau file dengan skala yang diperkecil. Karena Google menutup hosting web Drive (googledrive.com/host) pada 31 Agustus 2016, membuka tautan Drive di Chrome tidak akan menampilkan file itu langsung sebagai halaman web aktif.

  1. Di Google Drive di komputer Anda, klik kanan file .html lalu klik Download (kalau halaman memakai file CSS, JS, atau gambar terpisah, unduh juga file-file itu ke folder yang sama).
  2. Pindah ke Chrome dan tekan Ctrl+O (Windows, Linux) atau Cmd+O (Mac), lalu pilih file .html yang sudah diunduh dari foldernya, agar file itu bisa menjalankan skripnya dan memuat file di sebelahnya.
  3. Atau, buka file di Penampil HTML gratis dari Convika (/id/tools/html-viewer/) untuk melihatnya di browser tanpa mengunggahnya; kalau orang lain yang mengirimi Anda file itu, buka hanya kalau Anda memercayai pengirimnya, dan hapus dulu centang Jalankan skrip untuk melihat isinya.

Untuk melihat halaman di browser Anda sendiri, unduh dulu file .html ke perangkat Anda (pelihat bisa mengunduh file yang dibagikan secara bawaan, kecuali pemilik mematikan unduhan). Setelah diunduh, Anda bisa membukanya langsung di Chrome atau melihatnya secara lokal di Penampil HTML gratis dari Convika (/id/tools/html-viewer/), yang membuka file di browser perangkat Anda tanpa mengunggahnya: hanya Anda yang melihatnya.

Cara membagikan file HTML di Google Drive (dan apa yang didapat penerima)

Membagikan file .html dari Google Drive memberi penerima pratinjau file dari Drive atau unduhan, bukan halaman web yang aktif. Google mengakhiri hosting web di Drive pada 31 Agustus 2016, saat googledrive.com/host ditutup, dan bantuan Drive kini mengelompokkan .html di bawah pratinjau markup dan kode bersama .css, .js, dan .py, dengan hanya menyebut bahwa pratinjau adalah versi file dengan skala yang diperkecil, tanpa menjelaskan apakah pratinjau itu menampilkan halaman, menampilkan kode mentah, atau menjalankan skrip.

  1. Pilih file .html Anda di Google Drive lalu klik Bagikan.
  2. Di bagian Akses umum, ubah setelannya menjadi Siapa saja yang memiliki link (kalau akun kantor atau sekolah Anda mengizinkan berbagi ke luar organisasi).
  3. Pilih peran: Pelihat, Pengomentar, atau Editor. Pelihat bisa mengunduh file secara bawaan tanpa login ke Akun Google, kecuali Anda mematikan unduhan di setelan berbagi.
  4. Klik Salin link, lalu klik Selesai, dan kirim tautannya ke penerima.

Kalau Anda hanya ingin menyerahkan file kepada guru, teman sekelas, atau rekan kerja, tautan Drive biasa memungkinkan mereka melihat kodenya atau mengunduh file .html untuk dibuka di Chrome di komputer mereka dengan Ctrl+O (Windows/Linux) atau Cmd+O (Mac), atau memeriksanya secara lokal di Penampil HTML gratis dari Convika (/id/tools/html-viewer/) tanpa mengunggahnya (kalau seseorang mengirimi Anda file itu, buka hanya kalau Anda memercayai pengirimnya, dan hapus dulu centang Jalankan skrip). Kalau tautannya perlu langsung terbuka sebagai halaman web yang berfungsi, tempel HTML, CSS, dan JavaScript ke Google Sites lewat opsi untuk menyematkan kode di menu penyisipan, atau sajikan file HTML dari Google Apps Script dengan fungsi doGet lalu buat deployment baru sebagai aplikasi web.

Mengubah file HTML menjadi tautan halaman dalam 4 langkah

Google Drive membuka file .html sebagai kode mentah atau mengunduhnya, bukan menampilkan halaman webnya. Ikuti 4 langkah ini untuk meng-hosting file di Convika dan membagikan tautan yang langsung terbuka di browser apa pun.

1. Unduh file dari Google Drive dan seret ke kotak

Convika tidak bisa membaca file langsung dari Google Drive, jadi unduh dulu ke komputer Anda (klik kanan > Download). Lalu buka kotak di bagian atas halaman ini. Dengan Unggah file terpilih, seret satu file .html atau .htm hingga 2 MB ke kotak itu, atau beralih ke Tempel kode dan tempel kodenya. Klik Dapatkan tautan pratinjau saya. Anda tidak perlu akun atau email. Perlu diingat, Convika menerima satu file HTML, bukan folder atau ZIP: file yang ada di sebelahnya di komputer Anda (seperti file style.css atau folder images) tidak akan termuat, tetapi gambar yang ditanam di dalam file atau yang menunjuk ke alamat https:// akan tampil.

2. Simpan halaman dan periksa cara kerjanya

Tanpa akun, tautan pratinjau Anda aktif selama 3 menit, dan skrip serta formulir dimatikan di pratinjau. Untuk menyimpan halaman dan membiarkan skripnya berjalan, klik Simpan halaman ini — gratis, tanpa kartu lalu daftar. Halaman pindah ke akun Anda persis seperti saat diunggah. Di halaman yang sudah terbit, skrip Anda dan library dari CDN https:// berjalan di semua paket, termasuk Free. Di Free, permintaan fetch dan XHR dari skrip hanya sampai ke alamat halaman itu sendiri; di Pro, MAX, dan Pass Pro 1 tahun, permintaan itu juga sampai ke alat analitik yang didukung Convika dan ke paling banyak 20 host yang Anda daftarkan untuk jaringan iklan Anda sendiri di pengaturan halaman. Paket Free tidak memerlukan kartu kredit dan mencakup 1 halaman terbit, 10.000 tayangan halaman per bulan, dan bilah kecil Convika di bagian bawah setiap halaman.

3. Terbitkan halaman Anda

Di layar halaman, klik Terbitkan. Di bawah Siapa yang bisa membuka halaman ini?, pilih Publik, Tautan pribadi, atau Hanya orang yang tahu kata sandinya. Publik gratis: siapa saja yang punya tautannya (termasuk orang yang menerima tautan terusan dari mereka) bisa membuka halaman tanpa kata sandi atau akun, dan halaman bisa muncul di hasil pencarian dan di galeri Convika. Tautan pribadi (Pro atau pass) terbuka dengan cara yang sama, sementara Convika meminta mesin pencari agar tidak menampilkan halaman di hasil pencarian dan tidak memasukkannya ke galeri. Klik Berikutnya. Saat pertama kali Anda menerbitkan, Convika menampilkan paket-paketnya, dengan Pro bulanan terpilih (1 hari gratis dengan kartu, lalu US$12 per bulan). Dua pilihan lainnya adalah Pass Pro 1 tahun (US$29, dibayar sekali, tanpa perpanjangan) dan Free (US$0, dengan bilah Convika). Untuk halaman Publik, pilih Free lalu klik Terbitkan gratis. Tautan pribadi atau kata sandi mulai berlaku begitu uji coba dimulai atau pass dibayar. Kalau Anda ingin kata sandi halaman (Hanya orang yang tahu kata sandinya), pengunjung melihat layar kata sandi lebih dulu. Ini fitur Pro (US$12 per bulan).

4. Salin tautannya dan kirim

Halaman Anda tayang di alamat seperti yourpage.convika.page, yang tetap sama sampai Anda membatalkan penerbitannya. Free mencakup 10.000 tayangan halaman per bulan untuk semua halaman Anda. Klik Salin di sebelah URL aktif lalu kirim tautannya ke guru, teman sekelas, atau rekan kerja Anda: mereka bisa membukanya di browser ponsel atau komputer tanpa akun Convika. Anda bisa memeriksa analitik halaman untuk melihat kunjungan per hari, negara, perangkat, dan asal pengunjung (menunjukkan berapa orang yang berkunjung, bukan siapa, untuk 90 hari terakhir di paket Free). Kalau nanti Anda perlu memperbaiki halaman tanpa mengubah tautan yang sudah terkirim, buka layar halaman, seret file yang sudah diperbarui ke kartu versi baru dari file, unggah sebagai versi baru, lalu klik Buka pratinjau, kemudian terbitkan v2 di tautan yang sama. Pengunjung tetap melihat versi yang tayang sampai Anda menerbitkan pembaruannya.

Batasi halaman untuk orang yang Anda kirimi tautan, atau tambahkan kata sandi

Di Google Drive, "Siapa saja yang memiliki link" menjauhkan file dari penelusuran Google sambil membiarkan orang yang punya tautannya membukanya. Saat Anda menerbitkan halaman di Convika, Siapa yang bisa membuka halaman ini? memberi Anda Publik, Tautan pribadi, atau Hanya orang yang tahu kata sandinya. Publik gratis, tetapi halaman bisa muncul di hasil pencarian dan di galeri Convika; Tautan pribadi (Pro atau pass) memberi Anda pengaturan khusus-tautan yang sama.

  • Tautan pribadi (Pro atau pass): siapa saja yang punya tautan yourpage.convika.page Anda bisa membuka halaman di ponsel atau komputer tanpa kata sandi atau akun Convika, termasuk orang yang menerima tautan terusan dari mereka. Convika meminta mesin pencari agar tidak menampilkan halaman di hasil pencarian dan tidak memasukkannya ke galeri. Di paket gratis, pilih Publik: halaman terbuka dengan cara yang sama, tetapi bisa muncul di hasil pencarian dan di galeri Convika.
  • Hanya orang yang tahu kata sandinya (kalau penerusan tautan jadi masalah): untuk draf klien atau tugas kelas yang privat, pilih Hanya orang yang tahu kata sandinya saat menerbitkan, agar pengunjung melihat layar kata sandi lebih dulu. Kata sandi halaman adalah fitur Pro (US$12 per bulan).
  • Turunkan halaman setelah selesai: halaman Anda tetap memakai alamatnya sampai Anda membatalkan penerbitannya di layar halaman, dan itu langsung menutup akses.

Bedanya ada pada apa yang terjadi kalau seseorang meneruskan tautan Anda. Pakai daftar di atas untuk memilih antara akses khusus-tautan, menambahkan kata sandi, atau menurunkan halaman saat masa peninjauan atau penilaian berakhir.

Mengapa gambar atau gaya hilang saat Anda membagikan file HTML (dan cara memperbaikinya)

Kalau file HTML Anda tampak baik di komputer tetapi kehilangan gambar atau gayanya saat dibagikan, kodenya menunjuk ke file terpisah di sebuah folder di perangkat Anda, seperti src="images/photo.jpg" atau file style.css terpisah. Membagikan satu file .html di Google Drive atau mengunggahnya ke Convika hanya mengirim satu file itu, bukan folder atau ZIP di sebelahnya, jadi gambar dan stylesheet lokal itu tertinggal. Kotak unggah Convika di kotak di bagian atas halaman ini langsung memperingatkan Anda kalau halaman menautkan file di komputer Anda.

Masukkan semua CSS ke dalam file HTML dan pakai alamat https:// untuk gambar, supaya halamannya menjadi satu file.

Cara termudah adalah menggabungkan semuanya menjadi satu file HTML: salin prompt di atas lalu tempel ke AI yang membuat halaman Anda, atau edit kodenya sendiri agar semua CSS ada di dalam tag <style> dan gambar memakai alamat web https:// lengkap (gambar kecil juga bisa ditanam langsung di dalam file, selama ukuran total file tetap di bawah 2 MB). Setelah file Anda menjadi satu, seret ke kotak di bagian atas halaman ini untuk mendapatkan tautan pratinjau, atau, kalau halaman sudah Anda terbitkan di Convika, buka layar halaman, seret file yang sudah diperbarui ke kartu versi baru dari file, unggah sebagai versi baru, periksa dengan Buka pratinjau, lalu terbitkan v2 di tautan yang sama.

Cara menampilkan HTML di dalam Google (Google Sites dan Apps Script)

Google Drive tidak lagi meng-hosting halaman web aktif: fitur lamanya, googledrive.com/host, ditutup pada 31 Agustus 2016, dan pratinjau bawaan Drive memperlakukan file .html sebagai markup dan kode, bukan menampilkan halaman aktif. Kalau Anda ingin tetap di dalam akun Google dan membagikan halaman yang berfungsi, bukan kode mentah atau unduhan file, ada dua pilihan bawaan: Google Sites dan Google Apps Script.

  • Google Sites (opsi menyematkan kode di menu penyisipan): paling cocok kalau Anda ingin memasang potongan HTML, CSS, atau JavaScript yang berdiri sendiri di dalam halaman Google Sites. Anda menyalin kode dari file .html lalu menempelkannya ke kotak sematan, bukan menautkan file dari Drive. Cara ini cocok untuk satu widget atau potongan kode, tetapi kode Anda berjalan di dalam bingkai sematan pada tata letak Google Sites, bukan sebagai file .html mandiri milik Anda sendiri, dan halaman Convika tidak bisa disematkan di dalam Google Sites atau situs lain mana pun (tautkan saja).
  • Google Apps Script (layanan HTML): paling cocok kalau Anda ingin Google menyajikan HTML Anda sebagai halaman web mandiri di tautannya sendiri. Anda membuat proyek Apps Script, menambahkan file HTML di editor skrip, menulis fungsi doGet untuk menyajikannya, lalu membuat deployment baru sebagai aplikasi web untuk mendapatkan URL yang bisa dibagikan. Konsekuensinya ada pada usaha penyiapan: Anda perlu menulis skrip doGet dan mengelola deployment aplikasi web, dan kalau Anda memakai akun Google kantor atau sekolah, organisasi Anda bisa membatasi berbagi ke luar organisasi.

Kedua alat ini berjalan di dalam Google dan memungkinkan Anda membagikan tautan, tetapi tidak satu pun bekerja hanya dengan mengklik file .html di folder Drive. Anda menempelkan kode ke dalamnya. Daftar di atas menunjukkan kegunaan dan batas masing-masing alat.

Pertanyaan umum

Bagaimana cara membagikan file HTML di Google Drive?

Pilih file di Google Drive, klik Bagikan, pilih Siapa saja yang memiliki link di bawah Akses umum, pilih peran (Pelihat, Pengomentar, atau Editor), lalu klik Salin link dan Selesai. Siapa saja yang punya tautannya bisa mengakses file tanpa login ke Akun Google, kecuali akun kantor atau sekolah memblokir berbagi ke luar organisasi. Karena Google Drive tidak lagi meng-hosting halaman web, penerima akan mendapat pratinjau kode atau unduhan, bukan situs yang aktif. Agar mereka bisa membuka halaman yang ditampilkan langsung di browser, unggah file di kotak di bagian atas halaman ini dan bagikan tautan Convika sebagai gantinya.

Bisakah Google Drive meng-hosting HTML?

Tidak. Google menghentikan dukungan hosting web di Drive pada 31 Agustus 2015, dan berhenti menyajikan halaman lewat googledrive.com/host pada 31 Agustus 2016. Kini Drive hanya menyimpan file .html Anda untuk diunduh atau dilihat sebagai pratinjau dengan skala yang diperkecil. Kalau Anda ingin tetap di alat Google, Anda bisa menempel HTML, CSS, atau JavaScript ke Google Sites lewat opsi untuk menyematkan kode di menu penyisipan, atau men-deploy file HTML sebagai aplikasi web dengan layanan HTML Google Apps Script. Untuk meng-hosting satu file .html di alamatnya sendiri tanpa menulis skrip, seret file ke kotak di bagian atas halaman ini dan terbitkan gratis di Convika.

Mengapa file HTML saya terunduh, bukan terbuka?

Google Drive memperlakukan file .html sebagai file kode yang disimpan, bukan halaman web aktif, karena Google mengakhiri hosting web Drive pada 31 Agustus 2016. Meskipun Drive mencantumkan .HTML di antara file markup dan kode yang bisa dipratinjau, pelihat sering harus mengklik kanan dan mengunduh file untuk menampilkan halamannya dengan benar. Setelah diunduh ke komputer, file bisa dibuka di Chrome dengan Ctrl+O (Windows, Linux) atau Cmd+O (Mac) agar skrip dan file lokalnya berjalan. Kalau Anda ingin orang membuka halaman langsung dari tautan di ponsel atau komputer tanpa mengunduhnya, unggah file di kotak di bagian atas halaman ini.

Bagaimana cara melihat file HTML di Google Drive?

Klik file di Google Drive untuk membuka pratinjau bawaan Drive, yang menurut Google adalah versi file dengan skala yang diperkecil dan mungkin tampak sedikit berbeda saat dibuka. Untuk melihat halaman lengkap dan menjalankan skripnya, klik kanan file di Drive, klik Download, lalu buka di Chrome dari komputer Anda dengan Ctrl+O (Windows, Linux) atau Cmd+O (Mac). Anda juga bisa melihat file .html yang sudah diunduh di browser perangkat Anda tanpa mengunggahnya, dengan Penampil HTML gratis dari Convika. Kalau orang lain yang mengirimi Anda file itu, buka hanya kalau Anda memercayai pengirimnya, dan hapus dulu centang Jalankan skrip untuk melihat isinya.

Bagaimana cara membagikan file HTML dengan tautan?

Seret satu file .html atau .htm (hingga 2 MB) ke kotak di bagian atas halaman ini lalu klik Dapatkan tautan pratinjau saya untuk tautan pratinjau yang aktif selama 3 menit, tanpa perlu akun atau email. Untuk menyimpan halaman dan mengaktifkan skripnya, klik Simpan halaman ini — gratis, tanpa kartu, daftar, lalu klik Terbitkan. Pilih Publik, klik Berikutnya, dan, pada kali pertama, pilih Free lalu klik Terbitkan gratis. Halaman Anda tayang di alamat seperti yourpage.convika.page sebagai Publik di paket gratis, jadi siapa saja yang Anda kirimi tautannya bisa membukanya di ponsel atau komputer tanpa akun Convika. Halaman Publik bisa muncul di hasil pencarian dan di galeri Convika; agar tidak muncul di keduanya, pilih Tautan pribadi (Pro atau pass) saat menerbitkan. Paket Free tidak memerlukan kartu kredit dan memberi Anda 1 halaman terbit dan 10.000 tayangan halaman per bulan.

Sumber

Bagikan file HTML sebagai halaman aktif, bukan unduhan

Unggah satu file .html dan kirim tautan yang bisa dibuka siapa saja di browser ponsel atau komputer, tanpa muncul di mesin pencari berkat tautan pribadi (Pro atau pass).

Daftar gratis untuk mengunggah HTML Anda

Paket Free: tanpa kartu kredit, 1 halaman terbit, 10.000 tayangan halaman per bulan, dan bilah kecil Convika di bagian bawah.