key<\/code> – Your API key.<\/li>\n<\/ul>\n\/\/ Google API key
<\/span>$googleApiKey <\/span>= <\/span>'Your_API_KEY'<\/span>;
<\/span>\/\/ Website url
<\/span>$siteURL <\/span>= <\/span>\"https:\/\/www.codexworld.com\/\"<\/span>;
<\/span>\/\/ Call Google PageSpeed Insights API
<\/span>$googlePagespeedData <\/span>= <\/span>file_get_contents<\/span>(<\/span>\"https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=<\/span>$siteURL<\/span>&screenshot=true&key=<\/span>$googleApiKey<\/span>\"<\/span>);
<\/span>\/\/ Decode json data
<\/span>$googlePagespeedData <\/span>= <\/span>json_decode<\/span>(<\/span>$googlePagespeedData<\/span>, <\/span>true<\/span>);
<\/span>\/\/ Retrieve screenshot image data
<\/span>$screenshot_data <\/span>= <\/span>$googlePagespeedData<\/span>[<\/span>'lighthouseResult'<\/span>][<\/span>'audits'<\/span>][<\/span>'final-screenshot'<\/span>][<\/span>'details'<\/span>][<\/span>'data'<\/span>];
<\/span>\/\/ Display screenshot image
<\/span>echo <\/span>'<img src=\"'<\/span>.<\/span>$screenshot_data<\/span>.<\/span>'\" \/>'<\/span>;<\/span><\/pre>\nYou can also save website screenshot as an image on the server with PHP.<\/p>\n
\n- Use PHP file_put_contents()<\/b> function to create image file and write base64 data in it.<\/li>\n<\/ul>\n
\/\/ Save screenshot as an image
<\/span>list(<\/span>$type<\/span>, <\/span>$screenshot_data<\/span>) = <\/span>explode<\/span>(<\/span>';'<\/span>, <\/span>$screenshot_data<\/span>);
list(, <\/span>$screenshot_data<\/span>) = <\/span>explode<\/span>(<\/span>','<\/span>, <\/span>$screenshot_data<\/span>);
<\/span>$screenshot_data <\/span>= <\/span>base64_decode<\/span>(<\/span>$screenshot_data<\/span>);
<\/span>$output_file <\/span>= <\/span>'images\/output.png'<\/span>;
<\/span>file_put_contents<\/span>(<\/span>$output_file<\/span>, <\/span>$screenshot_data<\/span>);<\/span><\/pre>\nCapture Website Screenshot from URL<\/h2>\n
In this example script, we will show how you can build a form to get website screenshot by the URL provided by the user and display the web page screenshot to the user.<\/p>\n
HTML Form to Get URL Input:<\/b>
\nThe HTML form has one input field which accepts the URL of the website. <\/p>\n<form<\/span> method<\/span>=\"post\"<\/span> action<\/span>=\"getScreenshot.php\"<\/span>><\/span>\r\n <div<\/span> class<\/span>=\"form-group\"<\/span>><\/span>\r\n <label<\/span>><\/span>Website URL:<\/label<\/span>><\/span>\r\n <input<\/span> type<\/span>=\"text\"<\/span> class<\/span>=\"form-control\"<\/span> name<\/span>=\"site_url\"<\/span> value<\/span>=\"\"<\/span> required<\/span>=\"\"<\/span>><\/span>\r\n <\/div<\/span>><\/span>\r\n <div<\/span> class<\/span>=\"form-group\"<\/span>><\/span>\r\n <input<\/span> type<\/span>=\"submit\"<\/span> class<\/span>=\"form-control btn-primary\"<\/span> name<\/span>=\"submit\"<\/span> value<\/span>=\"Capture Screenshot\"<\/span>\/><\/span>\r\n <\/div<\/span>><\/span>\r\n<\/form<\/span>><\/span><\/pre>\nOn form submission, the input value is posted to the server-side script (getScreenshot.php<\/code>) to handle the screenshot capture process with PHP.<\/p>\nFetch and Save Screenshot with PHP (getScreenshot.php):<\/b>
\nThis server-side script handles the screenshot capture process with Google PageSpeed Insights API using PHP.<\/p>\n\n- Validate input value to check whether the given URL is valid using PHP FILTER_VALIDATE_URL Filter.<\/li>\n
- Call the Google PageSpeed Insights API and fetch data with PHP file_get_contents() function.<\/li>\n
- Retrieve screenshot image data of the website using PHP.<\/li>\n
- Get domain name from website URL and use the domain as the output screenshot file name.<\/li>\n
- Save base64 data in a file and save the screenshot as an image using PHP file_put_contents() function.<\/li>\n<\/ul>\n
<?php
<\/span>\/\/ Google API key
<\/span>$googleApiKey <\/span>= <\/span>'AIzaSyAVYsI0pKADCpX7T6UuhHD0ql6l8cs3ZKA'<\/span>;
<\/span>\/\/ If URL input is submitted
<\/span>if(isset(<\/span>$_POST<\/span>[<\/span>'site_url'<\/span>])){
<\/span>$site_url <\/span>= <\/span>$_POST<\/span>[<\/span>'site_url'<\/span>];
<\/span>$val_err <\/span>= <\/span>''<\/span>;
if (<\/span>filter_var<\/span>(<\/span>$site_url<\/span>, <\/span>FILTER_VALIDATE_URL<\/span>) === <\/span>false<\/span>) {
<\/span>$val_err <\/span>= <\/span>'Please enter a valid website URL.'<\/span>;
}
if(empty(<\/span>$val_err<\/span>)){
try{
<\/span>\/\/ Call Google PageSpeed Insights API
<\/span>$googlePagespeedData <\/span>= <\/span>file_get_contents<\/span>(<\/span>\"https:\/\/www.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=<\/span>$site_url<\/span>&screenshot=true&key=<\/span>$googleApiKey<\/span>\"<\/span>);
<\/span>\/\/ Decode json data
<\/span>$googlePagespeedData <\/span>= <\/span>json_decode<\/span>(<\/span>$googlePagespeedData<\/span>, <\/span>true<\/span>);
<\/span>\/\/ Retrieve screenshot image data
<\/span>$screenshot <\/span>= <\/span>$googlePagespeedData<\/span>[<\/span>'lighthouseResult'<\/span>][<\/span>'audits'<\/span>][<\/span>'final-screenshot'<\/span>][<\/span>'details'<\/span>][<\/span>'data'<\/span>];
<\/span>\/\/ Get domain name from site URL
<\/span>$pieces <\/span>= <\/span>parse_url<\/span>(<\/span>$site_url<\/span>);
<\/span>$domain <\/span>= isset(<\/span>$pieces<\/span>