Поставете персонализиран уиджет

Елемент за рендиране срещу селектор на съдържание

• Рендиране на елемент = място. Примерни монтировки: .gsp_full_player, .gsp_button_player, .gsp_circle_player — или възел за оформление като #footer-listen.
• Селектор на съдържание = какво да се чете. Една или няколко цели, разделени със запетая — напр. #main or #intro,.product-description,#specs.
• родителски_клас — прочете родителския елемент на монтирането (удобно, когато монтирането се намира вътре в блока със съдържание).
• себе_клас — прочетете същата обвивка, в която се намира монтировката.
• Списък за изключване — също така разделени със запетая; пропускане на навигацията, рекламите, коментарите в избраното съдържание (напр. #comments,.ads,.share-buttons).

Правило на палеца: Селекторът на съдържание сочи към текста, който контролирате; Render Element сочи към празното монтиране (или контейнер), където трябва да се появи плейърът.

Как да напишем id, class и запетаи

Не е нужно да познавате HTML задълбочено — запомнете два префикса, след което ги асемблирайте или отрежете със запетаи:

• идентификатор → # - id="footer-listen" → #footer-listen.
• клас → . - class="gsp_button_player" → .gsp_button_player.
• Само етикет - article, section, h1 (без префикс).
• Съберете парчета — Селекторът на съдържание може да изброи няколко обвивки: #intro,.body,#cta-note.
• Подстригване на парчета — Списъкът за изключване използва същото # / . + запетаи. Вижте Списък за изключване и nospeech и ръководството за HTML обаждания HTML стойности раздел.
• Намери ги — щракнете с десния бутон върху блока на активната страница → Проверка → Копиране id / class в конзолата с правилния префикс.

Гласът, езикът и повечето плейъри в Chrome все още следват уебсайта Настройки когато полето за уиджет показва Използвайте Global — разположението не налага персонализиран глас. Вижте Глобални срещу персонализирани настройки.

Как да поставите персонализиран уиджет

1. Уверете се, че кодът за връзка със сайта (или интеграцията с WordPress / CMS) е активен.
2. Добавете празно маунтиране, където играчът трябва да се покаже — например <div class="gsp_button_player"></div> в долния колонтитул или страничната лента с персонализиран HTML код.
3. В Cloud Console отворете (или създайте) съответния уиджет Full / Button / Circle и Публикувам него.
4. комплект Рендиране на елемент към класа за монтиране (напр. .gsp_button_player).
5. комплект Селектор на съдържание към опаковката на артикула/продукта (или няколко части, разделени със запетаи, напр. #intro,.entry-content). Запазете parent_class когато стойката се намира вътре в това съдържание. Запомнете: id → #, class → ..
6. По желание: Списък за изключване (разделени със запетаи, същото # / . правила) и разрешени/блокирани URL адреси, така че плейърът да се показва само там, където искате.
7. Запазете, презаредете хардуерно страницата на живо и потвърдете, че плейърът се показва на персонализираното място, докато чете правилното съдържание.

Често срещани оформления

• Бутон за слушане в страничната лента — Елемент за рендиране .gsp_button_player в страничната лента; Селектор на съдържание article or .entry-content.
• Долен колонтитул — монтиране в шаблона за долен колонтитул; селекторът на съдържание все още е насочен към основната статия, така че хромираният текст на долен колонтитул не се изговаря.
• Персонализиран HTML код на конструктора — същото монтиране на Wix / Shopify / Squarespace Custom Code / HTML блокове; класовете се картографират точно както в HTML ръководство.