Dashboard'a Dön

Belgeler

Asyntai'yi nasıl kullanacağınızı öğrenin

Asyntai AI Chatbot'u Google Sites'e Nasıl Eklersiniz

Google Sites için adım adım kılavuz

Yerleştirme Kodunu Al

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Panelinize gidin ve "Yerleştirme Kodu" bölümüne kadar aşağı kaydırın. Aşağıdakine benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Not: Yukarıdaki kod yalnızca bir örnektir. Kişisel widget kimliğinizi içerdiğinden, kendi benzersiz yerleştirme kodunuzu Dashboard'unuzdan kopyalamanız gerekir.

Adım 2: Yerleştirme Özelliği ile Kod Ekleyin

Google Sites, özel HTML ve JavaScript kodu eklemek için bir gömme özelliği kullanır:

  1. Bilgisayarınızda Google Sites'ta sitenizi açın
  2. Chatbot eklemek istediğiniz sayfaya gidin
  3. Sağdaki panelde "Insert" seçeneğine tıklayın
  4. Seçeneklerden "Embed"'i seçin
  5. Üstteki "Embed code" sekmesine tıklayın
  6. Asyntai yerleştirme kodunuzu metin kutusuna yapıştırın
  7. Nasıl görüneceğini önizlemek için "İleri"'ye tıklayın
  8. Kodu sayfanıza eklemek için "Ekle"'ye tıklayın
  9. Değişikliklerinizi canlıya almak için sağ üst köşedeki "Publish" düğmesine tıklayın

İpucu: Google Sites yerleştirmeleri bir iframe içine sarar, bu nedenle chatbot tarayıcı köşesine sabitlenmek yerine yerleştirme alanı içinde görünecektir. En iyi deneyim için, chatbot düğmesinin kolayca bulunabilmesi amacıyla yerleştirme öğesini sayfa içeriğinizin en altına yerleştirin.

Birden Fazla Sayfaya Ekleme

Chatbot'u Google Site'ınızdaki birden fazla sayfaya eklemek için:

  1. Chatbot'u istediğiniz her sayfa için yerleştirme işlemini tekrarlayın
  2. Çok sayıda sayfası olan siteler için, önce ana açılış sayfalarınıza eklemeyi düşünün

Not: Google Sites'ta tüm siteyi kapsayan kod için tek bir yer yoktur. Yerleştirme kodunu chatbot'un görünmesini istediğiniz her sayfaya ekleyin.

Google Sites Gömülü Kodu Nasıl İşler

Google Sites'ın kodunuzu nasıl işlediğini anlama:

  • Google Sites, kodunuzu bir <iframe> öğesi içinde gösterir
  • JavaScript, <script> etiketleri içinde olmalıdır (Asyntai kodunuz bunu zaten içermektedir)
  • Harici JavaScript dosyalarına (Asyntai widget'ı gibi) başvurabilirsiniz

Önemli: Google Sites kodu bir iframe içinde gösterdiği için bazı özellikler diğer web sitelerinden farklı davranabilir. Asyntai chatbot'u bu iframe içinde çalışacak şekilde tasarlanmıştır.

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi yayınladıktan sonra Google Sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede açın. Sayfadaki yerleştirme alanının içinde sohbet widget'ı düğmesini görmelisiniz. Açıldığından ve doğru çalıştığından emin olmak için düğmeye tıklayın.

Widget'ı göremiyor musunuz? Sitenizi yayınladığınızdan (yalnızca kaydetmekle kalmayıp) emin olun. Önbelleği atlamak için gizli pencerede görüntülemeyi deneyin. Tarayıcı konsolunu (F12) hatalar için kontrol edin. Sayfayı düzenleyerek ve yerleştirme öğesini kontrol ederek yerleştirmenin doğru yapıldığından emin olun.