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

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

Platform:

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

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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:

Bilgisayarınızda Google Sites'ta sitenizi açın
Chatbot eklemek istediğiniz sayfaya gidin
Sağ kenar çubuğundaki (veya üst menüdeki) \"Insert\" seçeneğine tıklayın
Seçeneklerden "Embed"'i seçin
Üstteki "Embed code" sekmesine tıklayın
Asyntai yerleştirme kodunuzu metin kutusuna yapıştırın
Nasıl görüneceğini önizlemek için "İleri"'ye tıklayın
Kodu sayfanıza eklemek için "Ekle"'ye tıklayın
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:

Chatbot'u istediğiniz her sayfa için yerleştirme işlemini tekrarlayın
Alternatif olarak, şablonunuz destekliyorsa yerleştirme kodunu bir header veya footer bölümüne ekleyin
Çok sayıda sayfası olan siteler için, önce ana açılış sayfalarınıza eklemeyi düşünün

Not: Diğer bazı platformların aksine, Google Sites tek bir "site genelinde" kod enjeksiyon noktasına sahip değildir. Chatbot'un görünmesini istediğiniz her sayfaya yerleştirme kodunu eklemeniz veya temanız destekliyorsa özel bir header/footer kullanmanız gerekir.

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

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

Google Sites, kodunuzu korumalı bir ortamda <iframe> öğesi içine sarar
JavaScript, <script> etiketleri içinde olmalıdır (Asyntai kodunuz bunu zaten içermektedir)
Harici JavaScript dosyalarına (Asyntai widget'ı gibi) başvurabilirsiniz
Gömme özelliği, klasik Google Sites'ın HTML Box'ından daha az kısıtlayıcıdır
Yerleştirilen kod, site aramasında indekslenmez

Önemli: Google Sites'ın iframe korumalı alan özelliği nedeniyle bazı gelişmiş özellikler geleneksel web sitelerinden farklı davranabilir. Asyntai chatbot bu kısıtlamalar dahilinde çalışmak üzere tasarlanmıştır.

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi yayınladıktan sonra Google Site yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget'ı düğmesini görmeniz gerekir. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın.