Fungsi capture screenshot halaman web digunakan untuk berbagai keperluan dalam aplikasi web. Ada banyak API pihak ketiga yang tersedia untuk mengambil screenshot website. Tetapi kalau kamu ingin membuat script sendiri untuk mendapatkan screenshot dari URL, kamu dapat melakukannya dengan mudah menggunakan API PHP dan Google PageSpeed Insights.
Umumnya, API Google PageSpeed Insights digunakan untuk mengukur kinerja halaman web. Namun kamu juga dapat menggunakan API Google PageSpeed Insights untuk mengambil screenshot situs web dari URL. Dalam tutorial ini, saya akan menunjukkan cara mengambil screenshot website dari URL menggunakan Google PageSpeed Insights API dan PHP.
Contoh script berikut mengambil screenshot dari situs web menurut URL dan ditampilkan sebagai gambar.
Mendapatkan screenshot website dari URL
Untuk membuat cuplikan halaman web, API Google PageSpeed Insights harus dipanggil dengan parameter berikut.
url:
Menentukan URL situs webnyascreenshoot:
screenshot=true untuk mengambil data screenshot.
Mengambil screenshot website dari URL
Dalam contoh script ini, saya juga akan membuat form untuk menagmbil screenshot webiste dengan URL yang telah ditentukan oleh pengguna dan menampilkan screenshot halaman web ke pengguna.
HTML:
Form HTML berikut memiliki satu bidang input yang menerima URL website. Pada form submit URL situs tersebut diserahkan ke script PHP untuk mendapatkan screenshot dari website tersebut.
<form method="post" action="screenshot.php" > <p>Website URL: <input type="text" name="url" value="" /></p> <input type="submit" name="submit" value="CAPTURE">
PHP (screenshot .php):
Sebelum memanggil API Google PageSpeed Insights, nilai input yang dikirim akan divalidasi untuk memeriksa apakah itu URL yang valid. Data screenshot diambil dari API Google PageSpeed Insights dan gambar di website ditampilkan.
tutorial yang bermanfaat, gan ane mau tanya ne gan gimana caranya biar bisa download gambarnya setelah di preview gan?
dengan tombol download maksudnya gan?
ia gan tambahin button downloadnya gan
Bagus banget tutorialnya. Tapi ada yang mau saya tanyaka nih ke admin. Ini resolusi hasil sekitar 320, apa bisa kita ubah ukuran tanpa pecah gambarnya?
error gan.. apa harus upload di hosting dlu ? :
Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in