Tampilkan data lembar google di situs web

Ada sejumlah alasan Anda mungkin ingin menyematkan spreadsheet Google Sheet ke halaman web. Misalnya, jika Anda ingin membagikan beberapa statistik di blog pribadi atau perusahaan Anda sehingga orang di luar organisasi Anda dapat melihat data Anda tanpa langsung membuka spreadsheet Google Sheet

Dalam tutorial singkat ini kita akan membahas cara menyematkan spreadsheet Google Sheet di halaman web mana pun menggunakan sheet2api, tidak perlu pengkodean

Untuk Spreadsheet yang akan Anda sambungkan ke sheet2api, baris pertama (1) hanya boleh berisi nama kolom
Semua baris lainnya dapat berisi data, dalam format apa pun yang Anda suka (simbol, angka, tanggal, kata, dll.)

Sebagai contoh

ABCDE1NameFavourite ThingImage2Bugs BunnyCarrotsBugs. png3Elmer FuddChasing RabbitsElmer. png4

Anda dapat menambahkan beberapa lembar kerja seperti 'Looney Tunes', 'The Simpsons' untuk memisahkan kategori data yang berbeda
sheet2api akan membuat titik akhir API untuk masing-masing secara otomatis

Buat Spreadsheet API Anda menggunakan tautan ke spreadsheet Anda

Tampilkan data lembar google di situs web

Setelah mengklik "Buat", Spreadsheet API baru Anda akan dicantumkan di halaman berikutnya

Tampilkan data lembar google di situs web

Hebat, itu kerja keras yang dilakukan, ke langkah terakhir

Klik tombol "Embeddable Table" pada Spreadsheet API Anda. Ini akan menampilkan cuplikan HTML untuk menyematkan spreadsheet Anda

Cukup salin HTML itu ke halaman web Anda dan Anda akan melihat spreadsheet langsung ditampilkan. Saat spreadsheet Anda diperbarui, spreadsheet juga akan disematkan di halaman web Anda

Salah satu cara terbaik untuk berbagi informasi di situs web WordPress adalah menyajikannya secara visual dalam bentuk tabel. Posting ini mencakup cara menyinkronkan dan menampilkan data Google Sheets secara otomatis di situs web WordPress langkah demi langkah

Daftar isi

Tutorial Video Google Sheets ke WordPress

Manfaat menampilkan Data Google Sheets di Situs WordPress

Ada banyak manfaat menampilkan data Google Sheets di situs web WordPress. Berikut ini adalah yang menonjol –

1. Pengalaman Pengguna yang Ditingkatkan

Informasi yang ditampilkan secara visual dalam bentuk tabel atau bagan memudahkan pembaca untuk memahaminya

Ini memberikan pengalaman pengguna yang lebih baik. Saat pengguna berinteraksi dengan situs web, mereka cenderung bertahan di situs untuk waktu yang lebih lama

Tampilkan data lembar google di situs web
Tabel Ninja dibuat menggunakan Google Sheets

Dapatkan Plugin Ninja Tables Pro

2. Ramah SEO

Peningkatan pengalaman dan keterlibatan pengguna berdampak positif pada pengoptimalan mesin telusur. Seiring bertambahnya waktu yang dihabiskan di situs web, ini mengirimkan sinyal positif ke mesin telusur untuk memberi peringkat konten lebih tinggi pada hasil penelusuran

Yang terpenting, mesin pencari merayapi data tabular dan menampilkannya sebagai cuplikan pilihan di bagian atas halaman hasil pencarian

Tampilkan data lembar google di situs web
Nepal101 mendapatkan cuplikan unggulan sebagai tabel untuk daftar Treks mereka

3. Real-Time & Relevan

Menyinkronkan data secara manual dari Google Sheets ke situs web WordPress bisa melelahkan dan berlebihan. Sebagai gantinya, Anda dapat menghemat waktu dan tenaga dengan menyinkronkan data secara otomatis menggunakan plugin

Lebih penting lagi, pengunjung situs web mendapatkan akses ke informasi terbaru dan relevan yang tersedia karena sinkronisasi otomatis

Pra-persyaratan

Secara default, CMS WordPress tidak memiliki fitur bawaan untuk menampilkan data Google Sheets secara real-time. Plugin diperlukan untuk menambahkan fungsi ini ke situs web WordPress

Kami merekomendasikan menggunakan Ninja Tables Pro karena kami menggunakan plugin itu sendiri. Selain itu, mudah digunakan dan diterapkan di situs

Tampilkan data lembar google di situs web

Dapatkan Plugin Ninja Tables Pro

Untuk menampilkan data Google Sheets di Situs WordPress, diperlukan hal-hal berikut

  • Google Spreadsheet dengan informasi yang ingin Anda tampilkan
  • Tabel Ninja Pro atau plugin premium serupa

Cara Menampilkan Data Tabel Google Sheets di Website WordPress Secara Otomatis

Berikut ini adalah tutorial langkah demi langkah

Langkah 1) Buat Spreadsheet Google Sheets

Buka https. // lembar. google. com/ dan klik tanda “+” Baru. Ini akan membuat dan membuka spreadsheet baru

Masukkan data yang ingin ditampilkan di website

Setelah selesai, Google Sheets akan terlihat seperti ini –

Tampilkan data lembar google di situs web
Spreadsheet Google Sheets dengan Data lengkap

Lembar Google kami adalah daftar alat yang kami yakini sangat membantu pemilik situs web WordPress

Langkah 2) Publikasikan Google Sheets secara online

Agar data Google Spreadsheet tersedia online, data tersebut harus dipublikasikan ke web terlebih dahulu

Di Google Spreadsheet,

Klik File > Publikasikan ke web

Tampilkan data lembar google di situs web
Google Spreadsheet Publikasikan ke Web

Kotak pop-up "Publikasikan ke Web" akan muncul

Tampilkan data lembar google di situs web
Google Spreadsheet Publikasikan ke Opsi Web

Di bagian “Link”, pilih sheet yang ingin Anda publikasikan. Dalam kasus kami, kami menggunakan "Live Sheet"

Selanjutnya silahkan pilih “Comma Separated Value (. csv)”

Sebelum mengklik "Publikasikan", harap periksa setelan di bawah "Konten & setelan yang dipublikasikan"

Di bawah "Konten & pengaturan yang dipublikasikan", Pilih kotak centang "Terbitkan ulang secara otomatis saat perubahan dilakukan"

Memilih opsi ini akan secara otomatis menyinkronkan data antara Google Sheet dan Situs WordPress dalam interval 5 menit

Klik tombol "Publikasikan".

Pop-up baru akan meminta Anda untuk memastikan Anda ingin menerbitkan. Klik Oke

Tampilkan data lembar google di situs web
Google Sheet Publikasikan ke konfirmasi Web

Setelah berhasil Dipublikasikan, URL akan muncul

Tampilkan data lembar google di situs web
Salin URL Situs Web dari Google Sheets

Salin tautan ini – kami akan menggunakannya di Langkah 4 untuk membuat tabel dari Google Sheets

Langkah 3) Instal dan Aktifkan Tabel Ninja

Untuk menambahkan plugin Tabel Ninja, pertama-tama masuk ke area admin WordPress

Kemudian di dasbor situs,

Buka Plugin > Tambah Baru

Di halaman berikutnya, hal pertama yang akan Anda lihat adalah daftar plugin unggulan. Cari plugin "Tabel Ninja".

Tampilkan data lembar google di situs web
Cari Plugin WordPress Tabel Ninja dan kemudian Instal

Dapatkan Plugin Ninja Tables Pro

Klik "Instal Sekarang" untuk memulai instalasi. Mungkin perlu waktu untuk menyelesaikannya

Setelah plugin diinstal, Klik "Aktifkan"

Tampilkan data lembar google di situs web
Aktifkan Plugin WordPress Tabel Ninja

Setelah diaktifkan, itu akan menampilkan pesan aktivasi selesai. Pada fase ini – versi gratis dari Tabel Ninja diinstal

Seperti yang telah disebutkan sebelumnya, fitur untuk menampilkan data real-time dari Google Sheets hanya tersedia di Ninja Tables versi Pro. Unduh salinan plugin Ninja Tables Pro Anda dan unggah plugin

Buka Plugin > Tambah Baru

Tampilkan data lembar google di situs web
Tambahkan Plugin Baru untuk mengunggah versi Pro dari Tabel Ninja

Di halaman berikutnya, Anda akan melihat tombol Unggah Plugin di bagian atas. Cukup klik di atasnya

Tampilkan data lembar google di situs web
Pilih opsi Unggah Plugin dan pilih file untuk diunggah

Selanjutnya, Anda akan melihat formulir untuk mengunggah plugin dengan tombol Pilih File

Klik "File" dan pilih plugin dari drive lokal

Setelah terinstal, Ninja Tables Pro akan meminta Anda untuk mengaktifkan lisensi plugin. Aktifkan dengan memasukkan kunci lisensi Anda, lalu kita dapat melanjutkan ke langkah berikutnya

Langkah 4) Buat Tabel dan sambungkan ke Google Sheets

Langkah selanjutnya adalah membuat tabel baru dimana data tabel bersumber langsung dari spreadsheet Google Sheets

Di dasbor WordPress, buka Tabel Ninja dan Klik "Tambahkan Tabel"

Tampilkan data lembar google di situs web
Wp Ninja Tables membuat tabel baru

Jendela pop-up akan menampilkan beberapa opsi untuk membuat tabel di bilah menu kiri

Pilih "Hubungkan Google Sheets" seperti yang terlihat di bawah ini

Tampilkan data lembar google di situs web
Tempel URL Web Google Sheets ke Tabel Ninja baru

Kemudian, Masukkan nama tabel. Tabel kami diberi nama "Pemasaran Dengan Sumber Daya WP"

Bidang "URL Sumber Data" adalah untuk tautan Google Sheets dari akhir Langkah 2

Rekatkan URL, lalu Klik Berikutnya

Langkah 5) Pilih Bidang

Layar baru untuk memilih bidang dari Google Sheets akan muncul

Pilih bidang entri untuk ditampilkan pada tabel seperti yang ditunjukkan di bawah ini

Tampilkan data lembar google di situs web
Tabel Ninja Pilih Bidang Entri yang Akan Ditampilkan

Klik Simpan

Tabel Ninja kini telah membuat tabel baru dengan Google Sheet sebagai sumbernya

Langkah 6) Publikasikan Tabel

Meskipun tabel dibuat di situs web WordPress, tabel tersebut tidak dipublikasikan di situs

Buka halaman atau posting tabel yang perlu ditampilkan

Dalam kasus kami, kami ingin menampilkan tabel di halaman sumber daya kami

Untuk menambahkan tabel, Tambahkan blok Tabel Ninja baru

Tampilkan data lembar google di situs web
Tambahkan Blok Tabel Ninja Gutenberg

Pilih Tabel Ninja, dalam kasus kami ini adalah tabel "Pemasaran Dengan Sumber Daya WP".

Klik Perbarui atau Terbitkan di Postingan atau Halaman Anda

Kunjungi halaman langsung untuk menguji tampilan tabel Anda

Untuk melihat contoh langsung di marketingwithwp. situs web com – Anda dapat mengunjungi halaman sumber daya kami

Tampilkan data lembar google di situs web
Tampilkan Tabel Ninja di Front End Situs WordPress

Dapatkan Plugin Ninja Tables Pro

Pertanyaan yang Sering Diajukan

Bagaimana cara menyesuaikan Tabel?

Tabel Ninja memungkinkan berbagai opsi penyesuaian

Untuk mengedit, buka Ninja Tables Pro > Tables > Edit

Tampilkan data lembar google di situs web
Kustomisasi Tabel WP Ninja

Bagaimana Cara Mengedit Tabel?

Untuk mengedit tabel, harap lakukan perubahan pada spreadsheet Google Spreadsheet asli. Tabel Ninja yang Anda buat akan diperbarui secara otomatis tanpa harus melakukan perubahan di dalam situs web Anda

Berapa lama waktu yang dibutuhkan untuk mencerminkan perubahan?

Diperlukan waktu sekitar 5 menit agar data disinkronkan dan direfleksikan di situs web setelah melakukan perubahan di Google Sheets

Bisakah saya menggunakan Google Sheets sebagai database untuk situs web?

Basis data Google Spreadsheet Anda dapat digunakan sebagai sumber data yang memberdayakan aplikasi web tanpa kode Anda . Salah satu cara untuk melakukannya adalah melalui AppSheet milik Google. AppSheet adalah platform tanpa kode yang memungkinkan pengguna membuat aplikasi seluler dan web sederhana langsung dari data mereka sendiri.

Bagaimana cara menggunakan Google Sheets sebagai database dalam HTML?

Klik opsi "Proyek Baru". Berikan proyek Anda identitas yang berbeda dan tekan tombol "Buat". Arahkan ke dasbor API. Cari "Google Sheets API" dan kemudian klik. .
Baca/Tulis Data
Memformat data
Bagan
Terapkan rumus pada data
Tabel Pivot
Dan seterusnya

Bagaimana cara menampilkan data di Google Sheets WordPress?

Cara menampilkan Data Tabel Google Sheets di Website WordPress Secara Otomatis .
Langkah 1) Buat Spreadsheet Google Sheets. .
Langkah 2) Publikasikan Google Sheets secara online. .
Langkah 3) Instal dan Aktifkan Tabel Ninja. .
Langkah 4) Buat Tabel dan sambungkan ke Google Sheets. .
Langkah 5) Pilih Bidang. .
Langkah 6) Publikasikan Tabel

Bagaimana cara menyematkan Google Doc ke dalam HTML?

Menyematkan Google Dokumen, Presentasi, Spreadsheet, dan Gambar .
Buka Google Document Anda (atau item Google lainnya)
Di bawah menu "File", klik "Publikasikan ke Web"
Salin kode "iframe".
Pada halaman yang Anda inginkan Google Doc disematkan, klik tombol "Kode Sumber" dari editor WYSIWYG untuk membuka editor HTML