Пайдалы JS сценарийлерінің мысалдары

Теңшелетін оқиғаларды жіберу, бетті басуларды тоқтату немесе функцияларды кеңейту
«HTML кодын кірістіру» блогын (T123, Басқа категория) пайдаланып, бетке кез келген сценарийді қосуға болады. Біз кейбір функцияларды қосу үшін пайдалануға болатын код үлгілерін жинадық.
сілтемені / түймені басқан кезде мақсатқа жету туралы
түймені басу туралы
қалқымалы терезенің ашылуы туралы
Tilda деректерін ресиверге жібергеннен кейін
себеттен төлем жүйесінің веб-сайтына көшкенге дейін
ол белгілі бір сыныппен түймелерге/сілтемелерге қосылады
Facebook Pixel жүйесінде
Төменде өзіңіз өзгертуіңіз қажет код үлгілері бар екенін ескеріңіз және бұл қадамдар Javascript қалай жұмыс істейтінін түсінуді қажет етеді. Өкінішке орай, біз үшінші тарап кодының жұмысына қатысты мәселелерге қолдау көрсетпейміз.
Беттегі әртүрлі оқиғаларды ұстап тұру
Қалқымалы терезенің ашылуын, сілтемені басуын, пішінді сәтті жібергеннен кейін деректерді үшінші тарап қызметіне жіберуді, пішінге басқару элементтерін енгізуді және тағы басқаларды қадағалағымыз келсе, ұстап алу қажет болуы мүмкін, бұл қиял үшін жеткілікті. және ол үшін қажеттілік бар.
Сілтемені басуды тоқтату
Белгілі бір блоктағы сілтемені басуды тоқтату
Біз #rec123456789 блогындағы сілтемені басуды тоқтатамыз
мұндағы #rec123456789 - ауа райы виджеті қосылатын блок нөмірі;
Блок нөмірін Блок параметрлерінен табуға болады
Сілтемені/түймені басқан кезде мақсатқа жету туралы Яндекс.Метрикаға оқиға жіберу
Көрсетілген сценарий мекенжайы «сілтемеге» сәйкес келетін кез келген сілтемені/түймелерді басуды бақылайды. Егер мұндай басу орын алса, "мақсатты" оқиға метрикаға жіберіледі.
мұндағы XXXXXX - есептегіш нөміріңіз;
Сыртқы сілтемені/түймені басқан кезде мақсатқа жету туралы Яндекс.Метрикаға оқиға жіберу
Көрсетілген сценарий мекенжайы «сілтемеге» сәйкес келетін кез келген сыртқы сілтемені/түймелерді басуды бақылайды. Егер мұндай басу орын алса, "мақсатты" оқиға метрикаға жіберіледі.
мұндағы XXXXXX - есептегіш нөміріңіз;
Түймені басу арқылы оқиғаларды жіберу мысалы
Екі түйме бар, біреуі сол бетте орналасқан мәтіні бар блокқа, екіншісі басқа бетке апарады. Бірінші түймеде #rec12345678 блогына арналған якорь бар, ал екіншісінде http://help-ru.tilda.cc/ сыртқы бетке сілтеме бар.
мұндағы yaCounterXXXXXX сіздің есептегіш нөміріңіз;
Яндекске оқиға жіберу. Қалқымалы терезені ашу көрсеткіші
Біз барлық шертулерді ұстаймыз және егер басылған сілтеме «#қалқымалы терезе:...» дегенді көрсетсе, онда біз оқиғаны көрсеткішке – бет көрінісіне жібереміз, себебі қалқымалы терезе де бет болып табылады және бет көрінісі оңайырақ. құрама мақсатты қадағалау немесе құру (мысалы: бетті ашу, қалқымалы терезені ашу, пішінді жіберу)

Төмендегі код жұмыс істеуі үшін оны HTML блогында орналастыру керек, ол ең жоғарғы жағында болуы керек
Яндекске оқиға жіберу. Өнімді себетке қосу көрсеткіші
Көрсетілген сценарий себетке қосу түймешігін басқанды бақылайды. Егер мұндай басу орын алса, "AddToCart" мақсаты метрикаға жіберіледі.
мұндағы yaCounterXXXXXX – санауыш нөмірі;
AddToCart — Yandex.Metrica-да мақсаттың ерікті атауы;
Сілтемені / түймені басу туралы ақпаратты Google Analytics қызметіне жіберу
Сценарий мекен-жайында "url-дегі мән" бар кез келген сілтемені/түймелерді басуды бақылайды. Егер мұндай басу орын алса, басу туралы ақпарат жіберіледі. Төменде код үлгісі берілген. Ауыстырылатын мәндер бас әріппен жазылады.
VALUE IN URL - мұнда сілтемедегі кез келген сөзді қою керек. Мысалы, түймені басқан кезде келуші http://mysite.com/registration мекенжайындағы тіркеу бетіне өтеді. Бұл жағдайда URL мекенжайындағы VALUE мәнін тіркеумен ауыстырыңыз.

ВИРТУАЛДЫҚ БЕТТІҢ АТЫ. Google Analytics жүйесіндегі түймені басу туралы ақпарат виртуалды бетті қарау статистикасы ретінде пайда болады. Бет виртуалды, сондықтан мұнда кез келген нәрсе болуы мүмкін.

LINK - түймедегі сілтеме. Мысалы, http://mysite.com/registration

Түймені басуды мақсат ретінде бақылау үшін Google Analyticscs ішінде мақсат жасаңыз: Теңшелетін мақсат → Басу беті → /click/ арқылы басталады
Tilda деректер қабылдаушысына жібергеннен кейін пішінді ресурсқа жіберу
Біз барлық пішіндерден өтіп, оларға деректерді сәтті жібергеннен кейін пішін өзі шақыратын функцияның атын жазамыз.
Деректерді «Нөлдік блок» пішінінен ресурсқа жіберу
Себеттен төлем жүйесінің сайтына көшкенге дейін өз функциясын орындау
Егер бізге арбаның мазмұны туралы ақпаратты cookie файлына қосу немесе электрондық коммерция сияқты оқиғаларды GA немесе Yandex.Metrica-ға жіберу қажет болса, онда жоғарыдағы сценарийді пайдалану арқылы мұны жасауға болады. Сценарий төлем жүйесіне өтпес бұрын немесе төлем виджетін шақырмас бұрын шақырылады.
Белгілі бір сыныптағы түймелерге/сілтемелерге жауап беретін үшінші тарап қызметі
Мысалы, түймені басқан кезде қажетті қызмет арнайы диалогты ашса, онда сервистік сценариймен жұмыс істеу процедурасын орындау маңызды. Мәселелерді болдырмау үшін алдымен түймелерге арналған сыныптар қосылады, содан кейін сценарий енгізіледі:
Мобильді және жұмыс үстелі клиенттері үшін әртүрлі виджеттерді іске қосу
Кейде жұмыс үстелі үшін үлкен виджетті, ал мобильді нұсқа үшін шағын виджетті енгізу қажет. Ол үшін window.isMobile айнымалысы бізге көмекке келеді.
Аралас виджетті кірістіру мысалы
window.isMobile шартының орнына экран өлшемдерін пайдалануға болады, мысалы, window.innerWidth

' + '>'; } else { /* код для десктопных клиентов */ html = '' + '>'; } var widgetBox = document.querySelector('#widgetbox'); if (widgetBox) widgetBox.insertAdjacentHTML('beforeend', html); } 
Нөлдік блокта мәзірді қалай жасауға болады
Бұл параметр енді Zero Block редакторына орнатылған. Блокты түзетуді қосу үшін Артборд параметрлеріне → Орнын және Толып кетуін басып, оны Түзетілген параметріне орнатыңыз. → жасау параметрлері туралы қосымша ақпарат алыңыз
Жетекші деректердің Facebook Pixel-ге автоматты түрде берілуін болдырмаңыз
Егер сіз Facebook Pixel орнатсаңыз, бетте Facebook-ке пішінді жіберген кезде Lead оқиғасын жіберетін fbq нысаны пайда болады. Егер сіз өзіңіздің Facebook пикселіңізді реттегіңіз келсе, бұл әрекетті кодпен өшіре аласыз:
Facebook және Instagram әлеуметтік желілеріне иелік ететін Meta Platforms Inc. 2022 жылғы 21 наурыздағы сот шешімімен экстремистік ұйым деп танылып, оның Ресейдегі қызметіне тыйым салынған.
Жоғарыда келтірілген код үлгілері екенін ескеріңіз, оларды өзіңіз өзгертуге тура келеді және бұл қадамдар Javascript қалай жұмыс істейтінін түсінуді қажет етеді. Өкінішке орай, біз үшінші тарап кодының жұмысына қатысты мәселелерге қолдау көрсетпейміз.
Made on
Tilda