Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Pasang Logo atau Gambar Sendiri di Google Apps Script

Cara Pasang Logo atau Gambar Sendiri di Google Apps Script

📅 Maret 2024 🏷️ Google Apps Script, Tutorial

Apa itu Google Apps Script?

Google Apps Script (GAS) adalah platform pengembangan aplikasi berbasis cloud yang memungkinkan Anda untuk mengotomatiskan tugas di berbagai produk Google (seperti Google Sheets, Docs, dan Drive) serta membuat aplikasi web sederhana.

Bagi pengembang, menampilkan logo atau gambar kustom pada antarmuka pengguna (UI) atau email yang dikirim melalui Apps Script adalah hal penting untuk membangun branding yang profesional. Namun, tantangan utamanya adalah mendapatkan "Direct Link" atau tautan langsung yang bisa dibaca oleh tag HTML.

Langkah-langkah Mendapatkan Link Gambar Langsung

Ikuti panduan teknis berikut untuk mengubah link Google Drive menjadi link gambar yang kompatibel dengan Apps Script:

1

Unggah File ke Google Drive

Unggah file gambar Anda dalam format .jpg atau .png ke folder Google Drive Anda.

2

Atur Izin Berbagi (Sharing)

Klik kanan pada file, pilih Bagikan (Share), lalu atur akses umum menjadi "Siapa saja yang memiliki link" dengan peran sebagai Lihat (Viewer).

3

Ambil ID Gambar

Salin link yang Anda dapatkan. Contoh format link:

https://drive.google.com/file/d/1CAT3sVq6-GcQLuUTflExwenoUoMscnQJ/view?usp=sharing

ID gambar adalah deretan karakter di antara /d/ dan /view. Dalam contoh ini, ID-nya adalah: 1CAT3sVq6-GcQLuUTflExwenoUoMscnQJ

4

Konversi Menjadi Direct Link

Gunakan prefix https://lh3.googleusercontent.com/d/ lalu tempelkan ID gambar Anda di belakangnya.

https://lh3.googleusercontent.com/d/1CAT3sVq6-GcQLuUTflExwenoUoMscnQJ
5

Uji Coba di Browser

Tempelkan link hasil konversi tersebut ke bilah alamat browser. Jika gambar langsung muncul tanpa antarmuka Google Drive, berarti link sudah siap digunakan di kode Apps Script Anda.

Pro Tip: Gunakan link ini di dalam Google Apps Script pada bagian HtmlService dengan tag <img src="HASIL_LINK_ANDA" /> untuk menampilkan logo di Sidebar atau Dialog.