Menambahkan skrip kustom

Halaman ini berlaku untuk Apigee dan Apigee Hybrid.

Lihat dokumentasi Apigee Edge.

Untuk menambahkan kode JavaScript kustom atau konten HTML sebelum tag <body> di setiap halaman di portal Anda:

UI Konsol Cloud

  1. Di konsol Apigee di Cloud, buka halaman Distribution > Portals.

    Buka Portal

  2. Klik Setelan di menu navigasi.

  3. Di bagian Skrip Kustom, masukkan kode JavaScript kustom di kotak teks. Anda dapat menyertakan beberapa skrip.

  4. Klik Simpan.

UI Klasik

  1. Pilih Publikasikan > Portal, lalu pilih portal Anda.
  2. Klik Setelan di halaman landing. Atau, Anda dapat memilih Setelan di drop-down pada menu navigasi atas.
  3. Klik tab Skrip Kustom.
  4. Di bagian Skrip Kustom, masukkan kode JavaScript kustom di kotak teks. Anda dapat menyertakan beberapa skrip.
  5. Klik Simpan.

Bagian berikut memberikan contoh skrip kustom:

Lihat juga Mengonfigurasi pelacakan analisis.

Menjalankan skrip kustom selama peristiwa JavaScript onLoad atau onUnload

Tentukan skrip kustom yang akan dieksekusi saat setiap halaman di portal Anda:

  • Memuat ke DOM menggunakan peristiwa JavaScript onLoad.
  • Dikeluar menggunakan peristiwa JavaScript onUnload.

Fungsi kustom Anda harus ditentukan sebagai bagian dari portal.pageEventListeners di namespace global (dideklarasikan pada variabel window).

Peristiwa onLoad dan onUnload menerima jalur halaman saat ini (misalnya, /quickstart) sebagai parameter pertamanya. Fungsi onUnload menerima nilai yang ditampilkan dari panggilan onLoad sebagai parameter keduanya, sehingga memungkinkan konteks diteruskan di antara kedua peristiwa. Gunakan onUnload untuk membersihkan pemroses peristiwa yang tidak lagi diperlukan dan melakukan aktivitas pembersihan lainnya.

Contoh:

<script>
window.portal = {};
window.portal.pageEventListeners = {
  onLoad: (path) => {
    if (path === '/quickstart') {
      // Change text content of first <p> element to something
      // else. (DOM must be loaded when onLoad is called)
      document.getElementsByTagName('p')[0].textContent =
          'Welcome to the quick start! Be sure to send us your feedback.';
      // print a custom message to the console every second while user is on
      // quickstart page.
      const interval =
          window.setInterval(() => console.log('Hello'), 1000);
      return interval;
    }
    return undefined;
  },
  onUnload: (path, contextReturnedFromOnLoad) => {
    if (contextReturnedFromOnLoad != null) {
      // Stop printing custom message to console every second.
      window.clearInterval(contextReturnedFromOnLoad)

    }
  },
};
</script>

Skrip kustom dapat digunakan untuk menerapkan solusi izin cookie. Ada sejumlah opsi open source populer yang diterapkan di JavaScript; pilih salah satu yang memenuhi persyaratan kepatuhan khusus Anda.

Misalnya, skrip berikut menggunakan Cookie Info Script.

<script type="text/javascript" id="cookieinfo" src="//cookieinfoscript.com/js/cookieinfo.min.js">
</script>