Squarespace Metinden Sese Dönüştürme - Kod Enjeksiyonu
Squarespace entegrasyonu
Squarespace metinden sese dönüştürme — Kod Enjeksiyonu yoluyla yapay zeka destekli seslendirme
İçerik oluşturucular, koçlar ve portföy sahipleri şunları yapabilir: Squarespace'e yapay zeka destekli ses özelliği ekle 'da GSpeechBloglarda, ders sayfalarında ve vaka çalışmalarında doğal bir anlatım sunarken, seslendirme otomatik olarak oluşturulur. GSpeech Bulut Konsolu - API Anahtarı GerekmiyorAyrıca Squarespace barındırma hizmetinde TTS yükü de yok.
Bu kılavuz şunları gösterir: Squarespace Kod Enjeksiyonu TTS: Yerleştirme kodunu Footer Code Injection'dan önce yapıştırın Tam Sayfa / Düğme / Daire oyuncularını yerleştirin Kod Bloğusonra haritala İçerik Seçici hem de İşleme Öğesi Böylece oyuncu doğru blog yazısını veya portföy metnini okuyor.
Kod Enjeksiyonu + Kod Bloğu — Site genelinde altbilgi yerleştirme ve sayfaya özel HTML eklemeleri.
Bulut Ses Üretimi — Bir kez sentezleyin, önbelleğe alın ve ziyaretler boyunca tekrar oynatın.
API Anahtarı Gerekmiyor — Tek bir konsoldan gelen sesler ve oyuncular.
Oluşturucuya hazır araçlar — ayrı tasarımlara sahip bloglar, kurslar ve portfolyo örnek olay incelemeleri.
En iyi: Ziyaretçilerin sayfadan ayrılmadan uzun metinleri dinleyebileceği Squarespace blogları, koçluk ve kurs sayfaları ve portföy örnek çalışmaları.
Bir web sitesi oluşturun — Henüz bir site eklemediyseniz, aşağıdaki adımları izleyin. Bir web sitesi oluşturmak.
Siteyi aç — senin gösterge paneli ve Squarespace sitesini seçin.
Bağlantı kodunu kopyalayın - açık Entegrasyonlar → Squarespace / HTML Web Sitesi ve bağlantı kodunu kopyalayın.
Yapıştırmadan önce — kodu şu yolla ekleyin Ayarlar → Gelişmiş → Kod Enjeksiyonu (Altbilgi) kapanıştan önce Etiketleyin, ardından kaydedin ve yayınlayın.
Bağlantı kodu yükleniyor GSpeech Bulunduğu her sayfada. Oyuncular yalnızca Kod Bloğu / Gömme / Özel HTML ile yerleştirme yaptığınız yerlerde ve yalnızca ilgili widget yayınlanıp yapılandırıldığında görünür.
Haritalama modeli
Kod Enjeksiyonu, Kod Blokları ve İçerik Eşleme
Squarespace'te Footer Code Injection motoru yalnızca bir kez yükler. Ardından her widget, blog bloklarını, kurs bölümlerini veya portföy metnini bir Kod Bloğu yuvasına eşler; bu işlem, her sayfa düzenine ses dosyalarının eklenmesine gerek kalmadan gerçekleştirilir.
1Bağlantı kodu
Motoru Footer Code Injection'dan yükler. Bu olmadan, Code Block yuvaları boş kalır.
2Özel widget
Kontrol paneli yapılandırması: ses, dil, tasarım, içerik ayarları, bloglar ve portföyler için URL kuralları.
3Bağla / Kod Bloğu
Sayfadaki bir işaretleyici (örneğin .gsp_full_playerOyuncu arayüzünün göründüğü yer.
Sınırsız widget — Bloglar, kurslar ve portföy düzenleri için ayrı Tam Sayfa, Düğme veya Daire widget'ları.
Her widget için sınırsız sayıda oyuncu. — Yayınlanan tek bir widget, Render Element + URL kuralları tarafından izin verilen her eşleşen Kod Bloğu yerleştirmesini destekleyebilir.
Kod Bloğu / Özel HTML — Squarespace'te montaj aparatı şöyle görünüyor <div class="gsp_full_player"></div>WordPress'te aynı fikir, aşağıdaki gibi kısa kodlar kullanılarak uygulanır: [gspeech].
Varsayılan ayarlar vs. gelişmiş ayarlar — Varsayılan bağlantılar hızlı çalışır. Özel bölümler için hassas İçerik Seçici / Oluşturma Öğesi değerleri gereklidir.
Oyuncular
Oyuncuları Kod Bloğu / Özel HTML ile ekleyin
Oyuncunun sayfada görünmesi gereken yere bu öğelerden herhangi birini yerleştirin (Kod Bloğu / Gömme / Özel HTML). Kopyalamak için bir karta tıklayın. Ardından widget'ı ayarlayın. İşleme Öğesi aynı sınıfa.
Oyuncuya Squarespace bloklarını ve blog metnini harita üzerinde gösterin.
Widget'ta İçerik Sekme üzerinde, ziyaretçilerin duyması gereken Squarespace blog öğeleri, blok içeriği ve portföy bölümlerine işaret eden seçicileri kullanın ve ardından oynatıcıyı bir Kod Bloğu montajıyla yerleştirin.
id → # / sınıf → . — Inspect'ten kopyalayın; bunları konsola bir hashtag veya nokta ile yazın.
Parçaları bir araya getirin — İçerik Seçici, virgülle ayrılmış birden fazla hedef kabul eder.
Kırpma parçaları — Hariç Tutma Listesi aynı önekleri + virgülleri kullanır.
tanımlar Hangi metin okunuyor?CSS seçicilerini virgülle ayırarak kullanın. Örnekler:
göre, .sqs-blok-içerik, .blog-öğesi-içeriği, #sayfa — bu unsurları okuyun.
makale,bölüm,#kimliğim,.sınıfım — tek bir alanda birden fazla hedef.
ebeveyn_sınıfı — Bağlantının üst sarmalayıcısını okuyun (metin bölümünün içine yerleştirilmiş bir Kod Bloğu için kullanışlıdır).
self_class — Montaj aparatının içinde bulunduğu ambalajı okuyun.
Kullanıyorsanız boş bırakın. İçerik Metni Bunun yerine (sabit metin, DOM içeriği değil).
RE
İşleme Öğesi
tanımlar oyuncu arayüzünün eklendiği yerSayfadaki gerçek bir öğeyle eşleşmelidir.
Özel HTML bağlantıları için, bunu bağlantı sınıfına ayarlayın: .gsp_full_player, .gsp_button_playerya da .gsp_circle_player.
Ayrıca aşağıdaki gibi düzen kapsayıcılarını da hedefleyebilirsiniz: vücut, #sayfaya da .blog-öğesi-içeriği Özel bir montaj aparatı kullanmadığınızda.
İçerik Seçici doğru olmasına rağmen hiçbir şey görünmüyorsa, genellikle o sayfada Oluşturulacak Öğe yanlış veya eksiktir.
RP
Oluşturma Konumu
Oyuncuyu yerleştirir önce or Sonra Render Element içeriği. Özel bir mount div için, After/Before genellikle o düğüme göre çalışmaya devam eder; mount div'i boş bırakın ve widget'ın onu doldurmasına izin verin.
EX
Listeyi Hariç Tut
Seçicilerin olması gerekenler değil İçerik Seçici'nin içinde olsalar bile, aynı şekilde konuşulabilirler. # / . Kurallar, virgülle ayrılmış olarak. Örnek: #comments,.sidebar,.ads,.no-speech.
TT
Başlık Seçici / Başlık Metni
Başlık Seçici — Sayfadan dinamik başlık (örnek: h1).
Başlık Metni — Oynatıcıda gösterilen sabit başlık. Başlık Metni kullanırken Başlık Seçici alanını boş bırakın.
CT
İçerik Metni
İsteğe bağlı sabit anlatım metni. Kullanıldığında, İçerik Seçici boş kalabilir. DOM içeriğinin sesi yönlendirmemesi gereken kısa ders girişleri veya portföy özetleri için kullanışlıdır.
Squarespace için genel kural: İçerik Seçici hedefleri .blog-item-content or .sqs-block-contentRender Element, Code Block bileşenini hedefler ve Exclude List, yorumları ve paylaşım şeritlerini atlar.
Örnekler
Squarespace blogları ve portfolyoları için pratik haritalama örnekleri
Örnek A
Full Page Player ile portföy örnek incelemesi
Ana başlık altında gövde içeriği ve kod bloğu içeren bir örnek olay inceleme sayfası:
Kullanım self_class Metnin anlatılması gereken kısmı, montaj dosyasının kendisinde yer aldığında.
Örnek C
Tek bir düğme widget'ı ile blog gönderileri oluşturun.
yer .gsp_button_player Birçok blog yazısında. Render Element'li Tek Düğmeli Oynatıcı widget'ı. .gsp_button_player Bunların hepsini çalıştırabilir. Kurs sayfaları ve portföy sayfaları için ses, tasarım veya URL kurallarının farklı olması gerektiğinde daha fazla widget ekleyin.
widget'lar
Squarespace içerik oluşturucu ses widget'ları oluşturun
Yayınla ve dinle — Durumu Yayınlandı olarak ayarlayın, Squarespace sayfasını yenileyin ve oynatmayı test edin.
Blog veya portföy metni değiştiğinde, Akıllı Ses Senkronizasyonu arka planda anlatımı yeniden oluşturabilir. Eşleme alanları yine de karar verir. hangi metin ve nerede Oyuncu hayatta kalıyor.
SSS
Sıkça Sorulan Sorular: Squarespace Metinden Sese Dönüştürme ve Kod Enjeksiyonu
Squarespace, GSpeech ile metinden sese dönüştürme ve yapay zeka seslendirme özelliklerini destekliyor mu?
Evet. GSpeech ekler Squarespace metinden sese dönüştürme Bloglar, ders sayfaları ve portfolyolar için doğal yapay zeka sesleri. Kod Enjeksiyonu ile bağlantı kurarsınız, oyuncuları Kod Bloğu ile yerleştirirsiniz ve her şeyi Bulut Konsolunda yönetirsiniz — API anahtarlarına gerek yok.
Kod Enjeksiyonu ve Kod Bloğu kullanarak oyuncuyu nasıl eklerim?
Entegrasyonlar → Squarespace / HTML Web Sitesi bölümünden bağlantı kodunu kopyalayın. Kopyaladığınız kodu yapıştırın. Ayarlar → Gelişmiş → Kod Enjeksiyonu (Altbilgi) önce Seslendirme gerektiren her sayfaya şunu ekleyin: Kod Bloğu bir montaj aparatı ile, <div class="gsp_full_player"></div> ve Render Element'i o sınıfa ayarlayın.
Squarespace'te İçerik Seçici ve Render Öğesi arasındaki fark nedir?
İçerik Seçici Örneğin, hangi Squarespace HTML dosyasının seslendirileceğini seçer. .blog-item-content or .sqs-block-content. İşleme Öğesi Oyuncunun nerede görüneceğini seçer; genellikle Kod Bloğu montaj sınıfınızdır. Yanlış metin, İçerik Seçici'yi düzeltmeniz gerektiği anlamına gelir; oyuncu eksikse, Oluşturma Öğesi'ni düzeltmeniz gerektiği anlamına gelir.
GSpeech ses desteği Squarespace sitemin performansını yavaşlatır mı?
Hayır. Ses, oluşturulur ve önbelleğe alınır. GSpeech Squarespace'te değil, bulutta. Altbilgi Kod Enjeksiyonu betiği hafiftir ve oynatıcılar yalnızca Kod Blokları eklediğiniz yerlerde yüklenir. Bloglar ve portföy sayfaları normal performansını korurken, ziyaretçiler isteğe bağlı olarak dinleyebilirler.
Squarespace'e yapay zeka destekli ses özelliği eklemek için API anahtarlarına ihtiyacım var mı?
Hayır. GSpeech is API Anahtarı Gerekmiyor Squarespace için. Bulut Konsoluna giriş yapın, Kod Enjeksiyonu ekleyin, widget'ları yapılandırın ve yayınlayın. Sesler ve oynatıcılar, sitenizde üçüncü taraf TTS anahtarları olmadan tek bir hesapta kalır.
Destek
Squarespace düzeni veya kod enjeksiyonu yerleştirme için seçiciler bulma konusunda yardıma mı ihtiyacınız var?
GSpeech destek ekibiyle iletişime geçin.Sayfa URL'sini gönderin, İçerik Seçici / Oluşturma Öğesi eşleştirmesinde size yardımcı olalım.
