Tampilkan data dari google spreadsheet di situs web

Terkadang menyalin-tempel tabel ke situs web Anda tidak terlihat profesional dan agak sulit dibaca. Seringkali lebih baik menyematkan Google Sheet ke situs Anda. Anda dapat memasukkan fungsi, data, gambar sel, dan grafik dengan mudah. Spreadsheet juga akan memberi Anda opsi untuk memperbarui data di situs web secara otomatis saat Anda membuat perubahan di situs web

Panduan ini akan mencakup semua yang perlu Anda ketahui tentang penyematan spreadsheet dari Google Sheets di situs web. Baca terus untuk mempelajari lebih lanjut

Daftar isi

Memformat Google Spreadsheet Tertanam

Sebelum Anda dapat menyematkan Google Spreadsheet di situs web, pertama-tama Anda harus memastikan bahwa spreadsheet diformat dengan benar

Berikut beberapa hal yang harus Anda pertimbangkan saat membuat atau memformat spreadsheet untuk disematkan di situs web

1. Anda dapat menebalkan teks dan menggunakan bentuk pemformatan teks lainnya, karena ini akan ditampilkan di halaman web tanpa masalah
2. Pastikan semua data yang ingin Anda tampilkan ada di satu tab spreadsheet
3. Pastikan untuk menjaga ukuran spreadsheet sekompak mungkin, sehingga pengguna tidak perlu menggulir terlalu banyak
4. Pastikan baris pertama spreadsheet hanya berisi nama kolom

Sebagian besar masalah pemformatan akan muncul setelah spreadsheet ke file situs web disematkan. Namun, perencanaan yang tepat untuk struktur spreadsheet Anda akan menyelamatkan Anda dari banyak masalah di masa mendatang

Template dan web scrape di Google Spreadsheet sering kali memiliki judul teratas. Ini dapat menyebabkan banyak masalah saat Anda menyematkan Google Sheets di situs web. Pastikan untuk menghapus baris teratas agar tajuk selalu ditampilkan di baris pertama spreadsheet

Cara Menyematkan Lembar Google Menggunakan Publikasikan ke Web

Sekarang setelah Anda mengetahui cara memformat spreadsheet dengan benar untuk penyematan Google Sheets, mari kita lihat bagaimana Anda dapat menggunakan fitur Google Sheets publish to web untuk menyematkan Google Sheets ke situs web Anda

Berikut ini cara menyematkan Google Sheet di situs web

1. Buka spreadsheet dan klik tombol File di bilah atas Spreadsheet
2. Di menu tarik-turun, klik tombol Bagikan, yang akan membuka menu lain yang lebih kecil
3. Di sana, klik opsi Publikasikan ke web. Ini akan membuka menu pop-up di tengah layar

1. Di sini, Anda akan disambut dengan dua tab. Klik Sematkan karena kami ingin menampilkan data dari spreadsheet Google di situs web
2. Anda dapat memilih bagian dari spreadsheet yang ingin Anda terbitkan. Kemudian klik tombol Publikasikan berwarna hijau
3. Munculan akan muncul meminta konfirmasi. Klik Oke di sana

1. Setelah konfirmasi, di tab Sematkan, sorot dan salin kode di kotak teks
2. Anda kemudian dapat menempelkan kode ke situs web Anda untuk menyematkan Google Sheet

Sematkan Google Spreadsheet di WordPress

Sekarang Anda tahu di mana Anda bisa mendapatkan kodenya, Anda dapat menyematkan spreadsheet Google ke situs web HTML. WordPress adalah salah satu perangkat lunak manajemen konten yang paling umum digunakan untuk situs web. Google Sheets menyematkan HTML ke dalam proses WordPress mudah dan hanya mengharuskan Anda mengikuti beberapa langkah sederhana

Untuk melakukan ini

1. Di WordPress, edit halaman tempat Anda ingin menyematkan spreadsheet
2. Pilih ikon tiga titik di pojok kanan atas editor dan pilih opsi Editor kode di tab Editor
3. Anda akan dibawa ke jendela editor kode tempat Anda dapat menempelkan kode iframe Google Sheets. Ini adalah kode yang sama dari bagian sebelumnya. Tempel kode di halaman tempat Anda ingin menyematkannya
4. Klik opsi Simpan draf di bagian atas, lalu klik Pratinjau untuk melihat tampilan halaman setelah dipublikasikan

Setelah melihat spreadsheet yang disematkan, Anda dapat memublikasikannya, atau Anda dapat mengubah tampilan spreadsheet yang disematkan

Menyesuaikan Lembar Bentang Tertanam

Langkah selanjutnya untuk memastikan bahwa spreadsheet memiliki ukuran yang sesuai dengan halaman web adalah mengubah spreadsheet yang disematkan. Ini dapat dilakukan dengan membuat perubahan pada kode iframe Google Sheets. Untuk mengubah ukuran, Anda dapat menempatkan height=”x” dan width=”x” tepat setelah teks “iframe” Google Spreadsheet

Setelah melakukan perubahan, simpan draf dan pratinjau lagi untuk melihat perubahannya. Dengan cara ini, Anda dapat membuat spreadsheet lebih kecil atau lebih besar bergantung pada konten halaman dan spreadsheet

Metode ini seharusnya berfungsi dalam banyak kasus, tetapi ketahuilah bahwa ukuran tabel akan tetap sama berapa pun ukuran jendelanya. Ini bisa menjadi masalah pada ukuran layar yang lebih kecil seperti perangkat seluler, di mana tabel dapat meluap dan menghalangi elemen halaman web lainnya. Salah satu metode untuk memperbaikinya adalah dengan menggunakan kode CSS reaktif dalam desain situs web Anda

Memperbarui Lembar Tertanam secara Real Time

Ini adalah salah satu bagian terbaik tentang penggunaan Google Sheets untuk menyematkan spreadsheet di situs web. Anda dapat membuat perubahan pada spreadsheet, yang akan diperbarui secara otomatis agar muncul di spreadsheet tersemat

Untuk mengaktifkan pembaruan otomatis secara real-time, buka halaman Google Sheets dan buka jendela terbitkan ke web lagi. Di sini, Anda akan melihat bagian Konten yang dipublikasikan & setelan. Klik di atasnya untuk mengembangkannya. Di sini, klik untuk mengaktifkan opsi Terbitkan ulang secara otomatis saat perubahan dilakukan

Dengan mengaktifkan opsi ini, jangan ragu untuk kembali ke spreadsheet dan melakukan perubahan. Perubahan kemudian akan diperbarui secara langsung di halaman web tempat spreadsheet disematkan. Ini bisa menjadi cara yang bagus untuk menampilkan informasi langsung kepada pemirsa situs web Anda

Pertanyaan yang Sering Diajukan

Apakah Ada Cara untuk Menyematkan Google Sheets di Situs Web?

Anda dapat menyematkan Google Spreadsheet ke situs web dengan dua cara. Untuk metode pertama, klik File di menu atas lalu klik Download. Di sana, klik pada halaman Web (. html, zip). Tindakan ini akan mengunduh spreadsheet sebagai kode HTML. Namun, metode ini tidak memungkinkan pembaruan waktu nyata. Untuk melakukannya, gunakan opsi Publikasikan ke web

Bagaimana Saya Dapat Menerbitkan Google Sheets ke Web?

Untuk menerbitkan spreadsheet, buka spreadsheet dan tekan tombol File. Klik Bagikan, lalu klik opsi Publikasikan ke web. Di sini, klik Sematkan. Sekarang, pilih bagian spreadsheet yang ingin Anda publikasikan. Kemudian klik tombol Publikasikan berwarna hijau dan OK di jendela konfirmasi. Setelah konfirmasi, di tab Sematkan, sorot dan salin kode di kotak teks. Anda kemudian dapat menempelkan kode ke situs web Anda untuk menyematkan Google Sheet

Membungkus Panduan Penyematan Situs Web Google Sheets

Kami membahas dua metode sederhana bagi Anda untuk menyematkan Google Sheet. Jika tidak berhasil untuk Anda, coba salin hanya data yang ingin Anda tarik dari lembar ke lembar baru, lalu sematkan. Jika Anda masih mengalami masalah, beri tahu kami di komentar, dan kami akan membantu Anda

Terkait

• Konversikan Google Spreadsheet menjadi Google Dokumen
• Cara Menggunakan Fungsi IMPORTXML di Google Sheets
• Ubah file Excel menjadi Google Sheets Spreadsheets
• Cara Membuat Dasbor Google Sheets

Postingan Terpopuler

5 Cara Sederhana untuk Menyoroti Duplikat di Google Sheets

JIKA BERISI Formula Google Sheets [2 Opsi Pintar]

Cara Menerapkan Formula ke Seluruh Kolom di Google Sheets

Cara VLOOKUP Dari Lembar Lain di Google Lembar

Chris Daniel

Chris adalah pakar spreadsheet dan penulis konten. Dia memiliki gelar Sarjana Pengajaran ganda dan telah bekerja di industri pendidikan selama lebih dari 11 tahun. Pengalamannya membuatnya mahir mengurai topik-topik rumit agar semua orang mampu memahaminya

Bagaimana cara menampilkan data di Google Sheets sebagai HTML?

Bagaimana cara menampilkan data di Google Sheets WordPress?

Bagaimana cara menarik data dari Google Sheets?

Bagaimana cara memvisualisasikan data di Google Sheets?