√ Script Blog untuk Mengunduh File Langsung di Google Drive

Script Blog untuk Mengunduh File Langsung di Google Drive

25.4.23

Berikut merupakan javascript yang bisa ditambahkan ke blog supaya file dari google drive langsung terdownload oleh pengunjung blog. Sebelum kita bahas tutorial singkatnya ada baiknya kamu tahu dulu apa itu layanan google drive.

Baca juga: Membuat Kotak Catatan Peringatan Keren di Blog

Apa itu Goole Drive?

Google Drive adalah layanan penyimpanan cloud yang disediakan oleh Google. Google Drive memungkinkan pengguna untuk menyimpan dan berbagi berbagai jenis file, termasuk dokumen, presentasi, gambar, dan video. Google Drive juga dapat kamu akses melalui browser web atau melalui aplikasi desktop dan mobile.

Fungsi atau Kegunaan Google Drive untuk Blogger

Berikut merupakan fungsi atau kegunaan google drive yang secara langsung maupun tidak langsung dapat membantu meringankan perkerjaan kamu, diantaranya yaitu sebagai berikut.

Menyimpan file-file yang dapat diunduh

Google Drive memungkinkan kamu untuk menyimpan file yang dapat diunduh, seperti file PDF, presentasi, dan dokumen. Kamu dapat mengunggah file-file tersebut ke Google Drive dan membagikannya di situs web. Dengan demikian, pengguna situs web atau blog dapat mengunduh file-file tersebut dan memberikan backlink ke situs web Anda. Backlink ini dapat membantu meningkatkan otoritas domain situs web kamu dan meningkatkan peringkat SEO juga.

Berbagi file dengan orang lain

Google Drive memungkinkan kamu untuk berbagi file dengan orang lain. Jika kamu memiliki situs web yang berisi konten yang relevan dengan situs web orang lain, kamu dapat membagikan file-file tersebut dengan situs web tersebut. Dalam hal ini, kamu dapat meminta mereka untuk menautkan kembali ke situs web yang kamu miliki. Hal ini juga dapat membantu meningkatkan otoritas domain situs web yang kamu miliki dan meningkatkan peringkat SEO.

Menggunakan Google Drive untuk penyimpanan gambar

Google Drive juga dapat digunakan untuk menyimpan gambar. Jika kamu memiliki situs web atau blog yang berisi banyak gambar, kamu dapat mengunggah gambar-gambar tersebut ke Google Drive dan memasukkan tautan ke gambar-gambar tersebut ke dalam situs web yang kamu miliki. Tautan ini dapat membantu meningkatkan kecepatan situs web kamu karena gambar-gambar disajikan dari Google Drive. Kecepatan situs web yang lebih cepat dapat meningkatkan peringkat SEO.

Menyediakan tautan ke file di Google Drive

Google Drive memungkinkan kamu untuk membuat tautan langsung ke file di Google Drive. Ini dapat membantu meningkatkan kecepatan situs web yang kamu miliki karena file-file tersebut tidak perlu diunggah ke hosting situs web. Selain itu, tautan langsung ke file-file di Google Drive dapat meningkatkan keamanan situs web karena file-file tersebut disimpan di Google Drive yang aman.

Menggunakan Google Drive untuk menyimpan data dan analisis

Google Drive juga dapat digunakan untuk menyimpan data dan analisis tentang situs web atau blog. Misalnya, kamu dapat menyimpan data tentang pengunjung situs web/blog atau analisis situs web kamu di Google Drive. Hal ini dapat membantu kamu untuk memantau kinerja situs web yang kamu miliki dan membuat perubahan yang diperlukan untuk meningkatkan peringkat SEO.

Dengan berbagai fungsi dan kegunaan google drive sebagai media penyimpanan seperti yang sudah admin bahas diatas, maka timbul beberapa pertanyaan bagi kita yang mempunyai situs web atau blog. Bagaimana supaya file yang ada di google drive tersebut dapat di download langsung dan tidak membuka halaman google drive lagi atau istilah populernya adalah direct download.

Berikut ada 2 (dua) buah kondisi yang akan admin bahas jika kalian hendak menambahkan direct download langsung dari file google drive.

Script untuk Download File di Halaman Artikel atau Postingan

Script yang pertama adalah untuk dihalaman postingan atau artikel saja, dengan ini berarti setiap file di google drive yang anda tautkan ke dalam postingan atau artikel blog akan otomatis terunduh ketika pengunjung menekan tombol atau link file tersebut.

Berikut ini adalah langkah-langkah untuk menambahkan script di blogspot untuk mengunduh file langsung dari Google Drive:

Buka dashboard blogger dan buka postingan yang ingin kamu tambahkan link download dari google drive.
Tambahkan teks atau gambar sebagai hyperlink ke Google Drive file yang ingin kamu unduh.
Pada editor HTML, cari tautan Google Drive yang baru saja kamu buat, dan salin ID file-nya.
Contoh tautan Google Drive: https://drive.google.com/file/d/FILE_ID/edit
Salin FILE_ID di antara "/d/" dan "/edit".

Tambahkan script berikut ke blogspot:

<script>
function downloadFileFromGoogleDrive(fileId) {
  const url = `https://drive.google.com/uc?export=download&id=${fileId}`;
  swal.fire({
    title: 'Sedang Mengunduh...',
    html: 'Mohon tunggu, proses unduhan sedang berlangsung',
    didOpen: () => {
      swal.showLoading();
      const xhr = new XMLHttpRequest();
      xhr.open('GET', url, true);
      xhr.responseType = 'blob';
      xhr.onload = () => {
        if (xhr.status === 200) {
          const a = document.createElement('a');
          a.href = window.URL.createObjectURL(xhr.response);
          a.download = 'file';
          a.style.display = 'none';
          document.body.appendChild(a);
          a.click();
          swal.close();
        }
      };
      xhr.send();
    },
  });
}
</script>

Tambahkan fungsi onclick pada hyperlink yang kamu buat sebelumnya dan ganti FILE_ID dengan ID file Google Drive yang telah kamu salin.

<a href="javascript:void(0)" onclick="downloadFileFromGoogleDrive('FILE_ID')">Download file</a>

Simpan dan publikasikan postingan atau artikel yang kamu buat. Dengan demikian, ketika pengunjung blogs kamu mengklik hyperlink, mereka akan mengunduh file langsung dari Google Drive.

Script untuk Download File di Semua Postingan atau Artikel

Jika kamu tidak mau repot menambahkan script kode diatas satu persatu di halaman artikel yang kamu buat, kamu bisa menambahkan script berikut secara global melalui editor HTML blog.

Buka editor HTML kemudian tambahakan script atau kode berikut diatas tag </body>.

<!--script download langsung google drive-->
<script>/*<![CDATA[*/
var anchorDrive = document.querySelectorAll('a[href*="drive.google.com"]');
Array.prototype.forEach.call(anchorDrive, function(element, index) {
    element.href = element.href.replace("/file/d/", "/uc?export=download&id=").replace("/view?usp=sharing", "").replace("/view?usp=share_link", "");
});
/*]]>*/</script>

Kemudian simpan Template atau Tema yang telah kamu edit. Dengan demikian semua artikel di dalam blog yang berisi file Google Drive akan otomatis terunduh ketika ada pengunjung yang menklik atau menekan hyperlink.

Demikian pembahasan bagaimana cara menambahkan script blog untuk mengunduh atau mendownload langsung di google drive. Selamat mencoba!