Squarespace teks na spraak — KI-stem via kode-inspuiting
Skeppers, afrigters en portefeulje-eienaars kan voeg KI-stem by Squarespace met GSpeechLewer natuurlike vertelling op blogs, kursusbladsye en gevallestudies terwyl klank gegenereer word in die GSpeech Wolkkonsole - Geen API-sleutels benodig nie, en geen TTS-lading op Squarespace-hosting nie.
Hierdie gids wys Squarespace-kode-inspuiting TTS: plak die inbedding in Footer Code Injection voor , plaas Volbladsy / Knoppie / Omkring spelers met 'n Kodeblok, dan kaart Inhoudkieser en Gee element sodat die speler die regte blog- of portefeuljeteks lees.
Kode-inspuiting + Kodeblok — webwerf-wye voetskrif-inbedding plus pasgemaakte HTML-monterings per bladsy.
Wolk-klankgenerering — sintetiseer een keer, kasgee en herspeel oor besoeke.
Geen API-sleutels benodig nie — stemme en spelers vanaf een konsole.
Skepper-gereed widgets — blogs, kursusse en portefeulje-gevallestudies met aparte ontwerpe.
Beste vir: Squarespace-blogs, afrigtings- en kursusbladsye, en portefeuljegevallestudies waar besoekers na langvormkopieë moet luister sonder om die bladsy te verlaat.
Skep 'n webwerf — as jy nog nie 'n webwerf bygevoeg het nie, volg skep 'n webwerf.
Maak die webwerf oop — gaan na jou dashboard en kies die Squarespace-webwerf.
Kopieer die verbindingskode — oop Integrasies → Squarespace / Html-webwerf en kopieer die verbindingskode.
Plak voor — voeg die kode in via Instellings → Gevorderd → Kode-inspuiting (Voetskrif) voor die sluiting etiket, stoor en publiseer dan.
Die verbindingskode laai GSpeech op elke bladsy waar dit teenwoordig is. Spelers verskyn slegs waar jy monterings met 'n Kodeblok / Inbedding / Pasgemaakte HTML plaas en slegs wanneer die ooreenstemmende widget gepubliseer en gekonfigureer is.
Karteringsmodel
Kode-inspuiting, kodeblokke en inhoudskartering
Op Squarespace laai Footer Code Injection die enjin een keer. Elke widget karteer dan blogblokke, kursusafdelings of portefeuljekopie na 'n Code Block-montering – sonder om klank in elke bladsyuitleg in te bak:
1Verbindingskode
Laai die enjin vanaf Footer Code Injection. Daarsonder bly Kodeblok-monterings leeg.
2Pasgemaakte widget
Dashboard-konfigurasie: stem, taal, ontwerp, inhoudinstellings, URL-reëls vir blogs teenoor portefeuljes.
3Monteer / Kodeblok
'n Merker op die bladsy (byvoorbeeld .gsp_full_player) waar die speler se gebruikerskoppelvlak verskyn.
4Inhoudskartering
Inhoudkieser = watter Squarespace-teks om te lees. Gee element = waar die speler verskyn. Uitsluit / Titel / URL'e verfyn die ooreenkoms.
Onbeperkte widgets — aparte Volblad-, Knoppie- of Sirkel-widgets vir blogs, kursusse en portefeulje-uitlegte.
Onbeperkte spelers per widget — een gepubliseerde widget kan elke ooreenstemmende Kodeblok-montering aandryf wat deur Render Element + URL-reëls toegelaat word.
Kodeblok / Pasgemaakte HTML — op Squarespace lyk die montering so <div class="gsp_full_player"></div>Op WordPress gebruik dieselfde idee kortkodes soos [gspeech].
Plaas enige van hierdie monterings waar die speler op die bladsy moet verskyn (Kodeblok / Inbedding / Pasgemaakte HTML). Klik op 'n kaart om te kopieer. Stel dan die widget. Gee element na dieselfde klas.
Kaart Squarespace-blokke en blogteks aan die speler toe
In die widget inhoud oortjie, puntselektors by Squarespace-blogitems, blokinhoud en portefeuljeafdelings wat besoekers moet hoor — plaas dan die speler met 'n Kodeblok-montering.
id → # / klas → . — kopieer vanaf Inspect; skryf hulle met 'n hash of 'n punt in die konsole.
Versamel stukke — Inhoudselektor aanvaar verskeie teikens, komma-geskei.
Sny stukke — Uitsluitlys gebruik dieselfde voorvoegsels + kommas.
artikel,afdeling,#my_id,.my_klas — verskeie teikens in een veld.
ouerklas — lees die ouer-omslag van die montering (nuttig vir 'n kodeblok wat binne 'n teksafdeling geplaas word).
self_klas — lees dieselfde omslag waarin die monteerstuk sit.
Los leeg as jy dit gebruik Inhoud teks in plaas daarvan (vaste teks, nie DOM-inhoud nie).
RE
Gee element
Definieer waar die speler se gebruikerskoppelvlak ingespuit wordDit moet ooreenstem met 'n werklike element op die bladsy.
Vir Pasgemaakte HTML-monterings, stel dit na die monteringsklas: .gsp_full_player, .gsp_knoppie_speler, of .gsp_sirkel_speler.
Jy kan ook uitleghouers soos teiken liggaam, #bladsy, of .blog-item-inhoud wanneer jy nie 'n toegewyde montering gebruik nie.
As die Inhoudselektor korrek is, maar niks verskyn nie, is die Render-element gewoonlik verkeerd of ontbreek op daardie bladsy.
RP
Gee posisie
Plaas die speler Voordat or Na die Render Element-inhoud. Vir 'n toegewyde monterings-div werk After/Before gewoonlik steeds relatief tot daardie nodus — hou die montering leeg en laat die widget dit vul.
EX
Sluit lys uit
Keurders wat moet nie gepraat word, selfs al sit hulle binne Inhoudselektor. Dieselfde # / . reëls, komma-geskei. Voorbeeld: #comments,.sidebar,.ads,.no-speech.
TT
Titelkieser / Titelteks
Titelkieser — dinamiese titel van die bladsy (voorbeeld: h1).
Titel Teks — vaste titel wat in die speler gewys word. Los Titelkieser leeg wanneer Titelteks gebruik word.
CT
Inhoud teks
Opsionele vaste vertellingsteks. Wanneer dit gebruik word, kan Inhoudselektor leeg bly. Nuttig vir kortkursusinleidings of portefeulje-opsommings wanneer DOM-inhoud nie klank moet aandryf nie.
Duimreël vir Squarespace: Inhoudselektor-teikens .blog-item-content or .sqs-block-content, Render Element teiken die Kodeblok-montering, en Uitsluitlys slaan kommentaar en deelstroke oor.
voorbeelde
Praktiese karteringsvoorbeelde vir Squarespace-blogs en -portefeuljes
Voorbeeld A
Portefeulje gevallestudie met Volbladspeler
'n Gevallestudiebladsy met liggaamsinhoud en 'n Kodeblok-montering onder die held:
Sluit lys uit - .share-buttons,.related-posts (Opsioneel)
Titelkieser - h1 (Opsioneel)
Voorbeeld B
Kursusbladsy — Kodeblok binne inhoud (ouerklas)
As die Kodeblok-montering binne 'n kursuslesafdeling is, kan Inhoudselektor relatief wees:
Inhoudkieser - parent_class (lees die ouer van die berg)
Gee element - .gsp_full_player
Gebruik self_class wanneer die monteringsomslag self die teks bevat wat vertel moet word.
Voorbeeld C
Skepper se blogplasings met een knoppie-widget
Plek .gsp_button_player op baie blogplasings. Eenknoppie-speler-widget met Render-element .gsp_button_player kan almal aandryf. Voeg slegs meer widgets by wanneer stem-, ontwerp- of URL-reëls vir kursusse teenoor portefeuljebladsye moet verskil.
Publiseer en luister — stel Status op Gepubliseer, verfris die regstreekse Squarespace-bladsy, toets terugspeel.
Wanneer blog- of portefeuljeteks verander, kan Smart Audio Sync vertelling in die agtergrond regenereer. Karteringsvelde bepaal steeds wat teks en waar die speler leef.
FAQ
Gereelde vrae: Squarespace teks-na-spraak en kode-inspuiting
Ondersteun Squarespace teks-na-spraak en KI-stemme met GSpeech?
Ja. GSpeech voeg Squarespace teks na spraak met natuurlike KI-stemme vir blogs, kursusbladsye en portefeuljes. Jy koppel met Kode-inspuiting, plaas spelers met 'n Kodeblok en bestuur alles in die Wolkkonsole — geen API-sleutels benodig nie.
Hoe voeg ek die speler by met kode-inspuiting en 'n kodeblok?
Kopieer die verbindingskode vanaf Integrasies → Squarespace / Html Webwerf. Plak dit in Instellings → Gevorderd → Kode-inspuiting (Voetskrif) voor Voeg op elke bladsy wat klank benodig 'n Kodeblok met 'n monteerstuk soos <div class="gsp_full_player"></div> en stel Render Element op daardie klas.
Wat is Content Selector teenoor Render Element op Squarespace?
Inhoudkieser kies watter Squarespace HTML om te vertel — byvoorbeeld .blog-item-content or .sqs-block-content. Gee element kies waar die speler verskyn — gewoonlik jou Kodeblok-monteringsklas. Verkeerde teks beteken om Inhoudselektor reg te stel; ontbrekende speler beteken om die Lewerelement reg te stel.
Sal GSpeech-klank my Squarespace-webwerf vertraag?
Nee. Oudio word gegenereer en in die kasgeheue gestoor. GSpeech wolk, nie op Squarespace nie. Die Footer Code Injection-skrip is liggewig, en spelers laai slegs waar jy kodeblokke byvoeg. Blogs en portefeuljebladsye behou normale werkverrigting terwyl besoekers op aanvraag luister.
Het ek API-sleutels nodig om KI-stem by Squarespace te voeg?
Aantal GSpeech is Geen API-sleutels benodig nie vir Squarespace. Meld aan by die Wolkkonsole, voeg Kode-inspuiting by, konfigureer widgets en publiseer. Stemme en spelers bly in een rekening sonder derdeparty-TTS-sleutels op jou webwerf.
help
Het jy hulp nodig om selektors vir 'n Squarespace-uitleg of kode-inspuiting-inbedding te vind?
Kontak GSpeech-ondersteuningStuur 'n bladsy-URL en ons sal help om die Inhoudselektor / Lewerelement te karteer.
