Script Untuk Menampilkan Halaman Website Lain

PHP 1

<?php
// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Inisialisasi cURL
$ch = curl_init();

// Set opsi cURL
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // Jika situs menggunakan HTTPS

// Eksekusi cURL dan simpan hasilnya dalam variabel
$output = curl_exec($ch);

// Tutup cURL
curl_close($ch);

// Tampilkan hasil
echo $output;
?>

HTML 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display Webpage Content</title>
</head>
<body>
    <div id="content"></div>

    <script>
        // URL dari halaman yang ingin diambil isinya
        const url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

        // Fungsi untuk mengambil dan menampilkan isi halaman
        async function fetchContent() {
            try {
                const response = await fetch(url);
                const text = await response.text();
                document.getElementById('content').innerHTML = text;
            } catch (error) {
                console.error('Error fetching content:', error);
            }
        }

        // Panggil fungsi untuk mengambil dan menampilkan isi halaman
        fetchContent();
    </script>
</body>
</html>

HTML 2 iframe

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display Webpage Content</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>
    <iframe src="https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123"></iframe>
</body>
</html>

HTML 3 iframe di blogspot

<b>Disarankan untuk mempergunakan browser desktop terbaru dengan resolusi layar minimal 1900 x 1200 px
</b><br/><br/><br/>
<iframe src="https://ocw.telkomuniversity.ac.id/category/blog/" width="100%" height="1600" frameborder="0" allowfullscreen></iframe>
<br/><br/><br/>
E-Learning Gratis OCW Telkom University
Persembahan OCW Telkom University, agar masyarakat bisa belajar gratis secara online/daring, dari mulai belajar teknik, ekonomi, manajemen, dan seni.
Open Course Ware Telkom University menghadirkan materi digital gratis, untuk masyarakat umum, bisa belajar dimanapun kapanpun, tanpa biaya kuliah.

PHP 3 file_get_contents dan echo

<?php
// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$output = file_get_contents($url);

// Tampilkan hasil
echo $output;
?>

PHP 4 menggunakan library PHP seperti Guzzle

Pertama, pastikan kamu sudah menginstal Guzzle. Kamu bisa menginstalnya menggunakan Composer dengan perintah berikut:

composer require guzzlehttp/guzzle

Setelah Guzzle terinstal, kamu bisa menggunakan script berikut di index.php:

<?php
require 'vendor/autoload.php';

use GuzzleHttp\Client;

// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Inisialisasi Guzzle client
$client = new Client();

// Mengambil isi halaman
$response = $client->request('GET', $url);

// Mendapatkan isi halaman
$output = $response->getBody()->getContents();

// Tampilkan hasil
echo $output;
?>
Script di atas menggunakan Guzzle untuk mengambil isi halaman dari URL yang diberikan dan kemudian menampilkannya. Guzzle adalah library HTTP client yang lebih canggih dan dapat menangani berbagai jenis permintaan HTTP dengan lebih baik.
install composer di cpanel melalui terminal
install composer di cpanel melalui terminal

PHP 4 file_get_contents dan DOMDocument

<?php
// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$html = file_get_contents($url);

// Membuat objek DOMDocument
$doc = new DOMDocument();
libxml_use_internal_errors(true); // Mengabaikan kesalahan HTML yang tidak valid
$doc->loadHTML($html);
libxml_clear_errors();

// Mengambil elemen body dari halaman
$body = $doc->getElementsByTagName('body')->item(0);

// Mengambil isi body sebagai string
$content = $doc->saveHTML($body);

// Tampilkan hasil
echo $content;
?>

PHP 5 iframe

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display Webpage Content</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body>
    <iframe src="https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123"></iframe>
</body>
</html>

PHP 6 file_get_contents dan echo

Script di bawah ini menggunakan file_get_contents dengan menambahkan header User-Agent untuk memastikan server menganggap permintaan berasal dari browser.

<?php
// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$options = array(
    'http' => array(
        'header' => "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3"
    )
);
$context = stream_context_create($options);
$html = file_get_contents($url, false, $context);

// Tampilkan hasil
echo $html;
?>
<?php
// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Inisialisasi cURL
$ch = curl_init();

// Set opsi cURL
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true); // Mengikuti redirect
curl_setopt($ch, CURLOPT_COOKIEJAR, 'cookie.txt'); // Menyimpan cookie
curl_setopt($ch, CURLOPT_COOKIEFILE, 'cookie.txt'); // Menggunakan cookie
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // Jika situs menggunakan HTTPS
curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3');

// Eksekusi cURL dan simpan hasilnya dalam variabel
$output = curl_exec($ch);

// Tutup cURL
curl_close($ch);

// Tampilkan hasil
echo $output;
?>

PHP 8 menggunakan PHP Simple HTML DOM Parser

PHP Simple HTML DOM Parser, sebuah library yang memungkinkan kita untuk memanipulasi HTML dengan lebih mudah

Berikut adalah langkah-langkahnya:

Unduh dan pasang PHP Simple HTML DOM Parser:

Kamu bisa mengunduh library ini dari An external link was removed to protect your privacy. atau menggunakan Composer dengan perintah berikut:
composer require sunra/php-simple-html-dom-parser
Gunakan script berikut di index.php:

<?php
require 'vendor/autoload.php';
use Sunra\PhpSimple\HtmlDomParser;

// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$html = file_get_contents($url);

// Memuat HTML ke dalam DOM parser
$dom = HtmlDomParser::str_get_html($html);

// Mengambil elemen body dari halaman
$body = $dom->find('body', 0);

// Tampilkan hasil
echo $body;
?>

Script di atas menggunakan PHP Simple HTML DOM Parser untuk memuat dan memanipulasi HTML dari halaman yang diberikan. Dengan cara ini, kita dapat memastikan bahwa seluruh konten body ditampilkan dengan lebih baik.

PHP 9 PHP Simple HTML DOM Parser

<?php
require 'vendor/autoload.php';
use Sunra\PhpSimple\HtmlDomParser;

// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$html = file_get_contents($url);

// Memuat HTML ke dalam DOM parser
$dom = HtmlDomParser::str_get_html($html);

// Mengambil elemen body dari halaman
$body = $dom->find('body', 0);

// Tampilkan hasil
if ($body) {
    echo $body->outertext;
} else {
    echo "Konten tidak ditemukan.";
}
?>

Dalam script ini, kita menggunakan $body->outertext untuk menampilkan seluruh konten dari elemen body. Jika elemen body tidak ditemukan, kita akan menampilkan pesan “Konten tidak ditemukan.”

PHP 10 PHP Simple HTML DOM Parser menangani semua elemen

<?php
require 'vendor/autoload.php';
use Sunra\PhpSimple\HtmlDomParser;

// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$html = file_get_contents($url);

// Memuat HTML ke dalam DOM parser
$dom = HtmlDomParser::str_get_html($html);

// Tampilkan hasil
if ($dom) {
    echo $dom->save();
} else {
    echo "Konten tidak ditemukan.";
}
?>

Dalam script ini, kita menggunakan $dom->save() untuk menampilkan seluruh konten halaman yang diambil. Jika DOM tidak dapat dimuat, kita akan menampilkan pesan “Konten tidak ditemukan.”

PHP 11 teknik scraping dengan bantuan library PHP seperti DOMDocument dan DOMXPath untuk mengambil konten halaman secara lebih spesifik

<?php
// URL dari halaman yang ingin diambil isinya
$url = 'https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123';

// Mengambil isi halaman
$html = file_get_contents($url);

// Membuat objek DOMDocument
$doc = new DOMDocument();
libxml_use_internal_errors(true); // Mengabaikan kesalahan HTML yang tidak valid
$doc->loadHTML($html);
libxml_clear_errors();

// Membuat objek DOMXPath
$xpath = new DOMXPath($doc);

// Mengambil elemen yang diinginkan menggunakan XPath
$elements = $xpath->query('//div[@class="coursebox"]'); // Sesuaikan XPath dengan elemen yang ingin diambil

// Tampilkan hasil
if (!is_null($elements)) {
    foreach ($elements as $element) {
        echo $doc->saveHTML($element);
    }
} else {
    echo "Konten tidak ditemukan.";
}
?>

Script di atas menggunakan DOMDocument dan DOMXPath untuk mengambil elemen tertentu dari halaman yang diberikan. Dalam contoh ini, kita mengambil elemen dengan class coursebox. Kamu bisa menyesuaikan XPath sesuai dengan elemen yang ingin diambil dari halaman tersebut.

HTML 2  jQuery 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Display External Content</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div id="content"></div>

    <script>
        $(document).ready(function(){
            $("#content").load("https://onlinelearning.telkomuniversity.ac.id/course/index.php?categoryid=123");
        });
    </script>
</body>
</html>

Bawaan WordPress

Pakai fitur embed, kemudian masukkan URL yang mau di embed, pastikan akhirannya ada /embed/

https://ocw-mirror.telkomuniversity.ac.id/course/kursus-pemasaran-digital-pasar-berbasis-teknologi-sistem-pembayaran-dan-keamanan-transaksi-digital-konsep-dan-strategi-pemasaran-digital-serta-mobile-commerce-2/embed/

namun perlu di cek, web sumbernya memperbolehkan iframe atau tidak

jika iframe dibawah ini tidak muncul, berarti ditolak oleh sumber asli, perlu menghubungi adminnya agar diperbolehkan iframe
https://telkomuniversity.ac.id/mengetahui-17-tujuan-sdgs-dan-peran-aktif-telkom-university-dalam-pembangunan-keberlanjutan/embed
Mengetahui 17 Tujuan SDGs dan Peran Aktif Telkom University dalam Pembangunan Keberlanjutan
/* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r */

Leave a Reply

Your email address will not be published. Required fields are marked *