ميزة تحويل النص إلى كلام في Squarespace - حقن التعليمات البرمجية
التكامل Squarespace
تحويل النص إلى كلام في Squarespace - صوت الذكاء الاصطناعي عبر حقن التعليمات البرمجية
يمكن للمبدعين والمدربين وأصحاب المحافظ الاستثمارية أضف ميزة الصوت المدعوم بالذكاء الاصطناعي إلى Squarespace مع GSpeechقدّم سردًا طبيعيًا على المدونات وصفحات الدورات التدريبية ودراسات الحالة أثناء إنشاء الصوت في GSpeech سحابة وحدة التحكم - لا توجد مفاتيح API مطلوبةولا يوجد تحميل لخاصية تحويل النص إلى كلام على استضافة Squarespace.
يظهر هذا الدليل حقن التعليمات البرمجية في Squarespace TTSألصق الكود المضمن في قسم حقن الكود في التذييل قبل ضع مشغلات ملء الشاشة / الزر / الدائرة مع كود بلوكثم قم بالتخطيط محدد المحتوى و عنصر التجسيد وبالتالي يقرأ اللاعب النص الصحيح للمدونة أو ملف الأعمال.
حقن التعليمات البرمجية + حظر التعليمات البرمجية — تضمين تذييل الموقع بالكامل بالإضافة إلى تركيبات HTML مخصصة لكل صفحة.
جيل الصوت السحابي — قم بتجميعها مرة واحدة، وتخزينها مؤقتًا، وإعادة تشغيلها عبر الزيارات.
لا توجد مفاتيح API مطلوبة — أصوات ولاعبون من جهاز واحد.
انسخ رمز الاتصال - يفتح التكاملات ← Squarespace / موقع ويب HTML وانسخ رمز الاتصال.
الصقي قبل — أدخل الرمز عبر الإعدادات ← متقدم ← حقن التعليمات البرمجية (تذييل الصفحة) قبل الختام قم بوضع علامة، ثم احفظ وانشر.
يتم تحميل رمز الاتصال GSpeech يظهر في كل صفحة يتواجد فيها. ولا تظهر عناصر التشغيل إلا عند وضع عناصر التثبيت باستخدام كتلة التعليمات البرمجية / التضمين / HTML المخصص، وفقط عند نشر الأداة المطابقة وتكوينها.
في Squarespace، يقوم حقن كود التذييل بتحميل المحرك مرة واحدة. ثم تقوم كل أداة بربط كتل المدونة أو أقسام الدورة أو نصوص الأعمال بوحدة تحميل الكود - دون تضمين الصوت في كل تخطيط للصفحة:
1رمز الاتصال
يقوم بتحميل المحرك من خلال حقن رمز التذييل. وبدونه، تبقى خانات تثبيت كتلة الرمز فارغة.
2القطعة المخصصة
إعدادات لوحة التحكم: الصوت، اللغة، التصميم، إعدادات المحتوى، قواعد عناوين URL للمدونات مقابل محافظ الأعمال.
3كتلة التعليمات البرمجية / التثبيت
علامة في الصفحة (على سبيل المثال) .gsp_full_player) حيث تظهر واجهة المستخدم الخاصة باللاعب.
4تخطيط المحتوى
محدد المحتوى = ما هو نص Squarespace الذي يجب قراءته. عنصر التجسيد = المكان الذي يظهر فيه اللاعب. استبعاد / العنوان / عناوين URL لتحسين المطابقة.
الحاجيات غير محدودة — أدوات منفصلة للصفحة الكاملة أو الزر أو الدائرة للمدونات والدورات التدريبية وتصميمات المحافظ.
عدد غير محدود من اللاعبين لكل أداة — يمكن لأداة واحدة منشورة أن تدعم كل عملية تحميل كتلة التعليمات البرمجية المطابقة المسموح بها بواسطة قواعد عرض العنصر + عنوان URL.
كتلة التعليمات البرمجية / HTML مخصص — على منصة Squarespace، يبدو شكل الحامل كالتالي <div class="gsp_full_player"></div>في ووردبريس، تُستخدم نفس الفكرة باستخدام رموز مختصرة مثل [gspeech].
الإعدادات الافتراضية مقابل الإعدادات المتقدمة — تعمل عمليات التثبيت الافتراضية بسرعة. أما الأقسام المخصصة فتحتاج إلى قيم دقيقة لمحدد المحتوى / عنصر العرض.
لاعبين
أضف اللاعبين باستخدام كتلة التعليمات البرمجية / HTML مخصص
ضع أيًا من هذه العناصر في المكان الذي يجب أن يظهر فيه المشغل على الصفحة (كتلة التعليمات البرمجية / التضمين / HTML مخصص). انقر على البطاقة لنسخها. ثم اضبط الأداة. عنصر التجسيد إلى نفس الصف.
في الأداة وصف المنتج علامة التبويب، حدد عناصر مدونة Squarespace، ومحتوى الكتلة، وأقسام المحفظة التي يجب أن يسمعها الزوار - ثم ضع المشغل باستخدام حامل كتلة التعليمات البرمجية.
المعرف → # / الفصل → . — انسخ من Inspect؛ واكتبها باستخدام علامة التجزئة أو النقطة في وحدة التحكم.
اجمع القطع — يقبل مُحدد المحتوى عدة أهداف، مفصولة بفواصل.
قطع القطع — تستخدم قائمة الاستبعاد نفس البادئات + الفواصل.
يعرف ما هو النص المنطوق؟استخدم مُحدِّدات CSS، مفصولة بفواصل. أمثلة:
البند, .sqs-block-content, محتوى عنصر المدونة, #صفحة — اقرأ تلك العناصر.
مقالة، قسم،#my_id،.my_class — أهداف متعددة في حقل واحد.
parent_class — اقرأ الغلاف الرئيسي للتركيب (مفيد لكتلة التعليمات البرمجية الموضوعة داخل قسم نصي).
self_class — اقرأ نفس الغلاف الذي يوجد فيه الحامل.
اتركه فارغًا إذا كنت تستخدم نص المحتوى بدلاً من ذلك (نص ثابت، وليس محتوى DOM).
RE
عنصر التجسيد
يعرف حيث يتم إدخال واجهة المستخدم الخاصة باللاعبيجب أن يتطابق مع عنصر حقيقي في الصفحة.
بالنسبة لعناصر HTML المخصصة، قم بتعيينها إلى فئة التركيب: .gsp_full_player, .gsp_button_player أو .gsp_circle_player.
يمكنك أيضًا استهداف حاويات التخطيط مثل الجسد, #صفحة أو محتوى عنصر المدونة عندما لا تستخدم حاملًا مخصصًا.
إذا كان مُحدد المحتوى صحيحًا ولكن لا يظهر شيء، فعادةً ما يكون عنصر العرض خاطئًا أو مفقودًا في تلك الصفحة.
RP
تقديم الموقف
يضع اللاعب قبل or بعد محتوى عنصر العرض. بالنسبة لعنصر div مخصص للتركيب، عادةً ما يظل استخدام After/Before فعالاً بالنسبة لتلك العقدة - اترك عنصر التركيب فارغًا ودع الأداة تملأه.
EX
قائمة الاستبعاد
المحددات التي يجب لست يمكن التحدث بها، حتى لو كانت موجودة داخل مُحدد المحتوى. نفس الشيء # / . القواعد، مفصولة بفواصل. مثال: #comments,.sidebar,.ads,.no-speech.
TT
محدد العنوان / نص العنوان
محدد العنوان — عنوان ديناميكي من الصفحة (مثال: h1).
نص العنوان — عنوان ثابت يظهر في المشغل. اترك خانة اختيار العنوان فارغة عند استخدام نص العنوان.
CT
نص المحتوى
نص التعليق الصوتي الثابت اختياري. عند استخدامه، يمكن ترك مُحدد المحتوى فارغًا. يُفيد هذا الخيار في مقدمات الدورات التدريبية القصيرة أو ملخصات ملفات الأعمال عندما لا يُفضل أن يُشغّل محتوى DOM الصوت.
قاعدة عامة لاستخدام Squarespace: أهداف مُحدد المحتوى .blog-item-content or .sqs-block-content، يستهدف عنصر العرض موضع كتلة التعليمات البرمجية، وتتخطى قائمة الاستبعاد التعليقات وشرائط المشاركة.
أمثلة
أمثلة عملية لرسم الخرائط لمدونات ومحافظ أعمال Squarespace
مثال أ
دراسة حالة للمحفظة مع مشغل الصفحة الكاملة
صفحة دراسة حالة تحتوي على محتوى أساسي وكتلة برمجية مثبتة أسفل الصفحة الرئيسية:
محدد المحتوى - .blog-item-content (أو غلاف نص دراسة الحالة الخاص بك)
عنصر التجسيد - .gsp_full_player
قائمة الاستبعاد - .share-buttons,.related-posts (اختياري)
محدد العنوان - h1 (اختياري)
مثال ب
صفحة المقرر الدراسي — كتلة التعليمات البرمجية داخل المحتوى (parent_class)
إذا كان عنصر تثبيت كتلة التعليمات البرمجية موجودًا داخل قسم درس الدورة التدريبية، فيمكن أن يكون محدد المحتوى نسبيًا:
محدد المحتوى - parent_class (يقرأ اسم الأصل الخاص بالحامل)
عنصر التجسيد - .gsp_full_player
استعمل self_class عندما يحتوي غلاف التثبيت نفسه على النص الذي يجب سرده.
مثال ج
إنشاء منشورات مدونة باستخدام أداة زر واحد
المكان .gsp_button_player في العديد من منشورات المدونة. أداة تشغيل زر واحد مع عنصر عرض .gsp_button_player يمكن تشغيلها جميعًا. أضف المزيد من الأدوات فقط عندما يجب أن تختلف قواعد الصوت أو التصميم أو عنوان URL بين الدورات التدريبية وصفحات الأعمال.
اختر الموقع الإلكتروني — افتح موقع Squarespace الذي قمت بالاتصال به.
إضافة أداة جديدة — الأدوات → إضافة أداة جديدة → اختيار النوع (مشغل كامل، زر، دائرة، ...) → إنشاء.
تكوين المحتوى — قم بتعيين محدد المحتوى، وعنصر العرض، وقائمة الاستبعاد، وعناوين المدونات أو المحافظ.
تهيئة المشغل / التصميم — الصوت، اللوحات، المظهر، العرض، الهوامش.
انشر واستمع — قم بتعيين الحالة إلى "منشور"، ثم قم بتحديث صفحة Squarespace المباشرة، واختبر التشغيل.
عندما يتغير نص المدونة أو ملف الأعمال، يمكن لمزامنة الصوت الذكية إعادة إنشاء التعليق الصوتي في الخلفية. ولا تزال حقول الربط هي التي تحدد ذلك. التي النص و أين اللاعب ينجو.
الأسئلة الشائعة
الأسئلة الشائعة: تحويل النص إلى كلام في Squarespace وحقن التعليمات البرمجية
هل يدعم Squarespace تحويل النص إلى كلام والأصوات المدعومة بالذكاء الاصطناعي باستخدام GSpeech؟
نعم. GSpeech يضيف تحويل النص إلى كلام في Squarespace مع أصوات ذكاء اصطناعي طبيعية للمدونات وصفحات الدورات التدريبية وملفات الأعمال. يمكنك الاتصال عبر حقن التعليمات البرمجية، ووضع اللاعبين باستخدام كتلة التعليمات البرمجية، وإدارة كل شيء في وحدة التحكم السحابية - دون الحاجة إلى مفاتيح API.
كيف يمكنني إضافة المشغل باستخدام حقن التعليمات البرمجية وكتلة التعليمات البرمجية؟
انسخ رمز الاتصال من قسم التكاملات ← Squarespace / موقع HTML. ثم الصقه في الإعدادات ← متقدم ← حقن التعليمات البرمجية (تذييل) قبل أضف في كل صفحة تحتاج إلى صوت: كود بلوك مع حامل مثل <div class="gsp_full_player"></div> وقم بتعيين عنصر العرض إلى تلك الفئة.
ما الفرق بين مُحدِّد المحتوى وعنصر العرض في Squarespace؟
محدد المحتوى يختار أي كود HTML من Squarespace سيتم شرحه - على سبيل المثال .blog-item-content or .sqs-block-content. عنصر التجسيد يُحدد مكان ظهور المشغل - عادةً ما يكون ذلك في فئة تحميل كتلة التعليمات البرمجية. النص الخاطئ يعني إصلاح مُحدد المحتوى؛ المشغل المفقود يعني إصلاح عنصر العرض.
هل سيؤدي استخدام الصوت في GSpeech إلى إبطاء موقع Squarespace الخاص بي؟
لا. يتم إنشاء الصوت وتخزينه مؤقتًا في GSpeech سحابي، وليس على Squarespace. برنامج حقن كود التذييل خفيف الوزن، ولا يتم تحميل المشغلات إلا في الأماكن التي تضيف إليها كتل الكود. تحافظ المدونات وصفحات الأعمال على أدائها الطبيعي بينما يستمع الزوار عند الطلب.
هل أحتاج إلى مفاتيح API لإضافة ميزة الصوت المدعوم بالذكاء الاصطناعي إلى Squarespace؟
رقم GSpeech is لا توجد مفاتيح API مطلوبة لمنصة Squarespace. سجّل الدخول إلى وحدة التحكم السحابية، وأضف ميزة حقن التعليمات البرمجية، وقم بضبط الأدوات، ثم انشر المحتوى. تبقى الأصوات والمشغلات في حساب واحد دون الحاجة إلى مفاتيح تحويل النص إلى كلام (TTS) تابعة لجهات خارجية على موقعك.
المساعدة
هل تحتاج إلى مساعدة في العثور على محددات لتصميم Squarespace أو تضمين حقن التعليمات البرمجية؟
تواصل مع دعم GSpeechأرسل رابط الصفحة وسنساعدك في تحديد عنصر عرض المحتوى.
