Асаит аҟынтә аҭел

Авиджет «Асаит аҟынтә аҭел» шәсаит ахь аҭелтә кнопка ацнаҳауеит. Ахәыҩа аӡыҵаны браузер аҟынтә иаҳәоит: аномер анагара ҟаҵатәӡам, апрограммақәа рҭагалара ҟаҵатәӡам, амежгород аҭел аҭара ҟаҵатәӡам. Аҭел шәтелефониа ахь иаауеит, азаведение ахьыҭалатәи аԥҟақәа рыла ицоит.

Аԥсаҭел аҟынтә иашәыршәашәа: уа ахәыҩа иномер иаанхоит, нас иара иаҭеларазы иԥшроит, — ара иара иҭелоит, иаразнак иаҳәоит.

Авиджет аҭгьы: еиԥшым арасширение аԥсара ҟаҵатәӡам. Шәара шәтелефониа ауп шәҭо.

Иааркьаҵразы: Админ-панель → Маркетинг → «Сара саит» → карточка «Асаит аҟынтә аҭел». Атумблер авиджет ааԥнаҵоит, ашестерёнка аҳәаа апанель аартуеит. Карточка ахь «Асайдбар ахь анагара» ақәыԥш авиджет изы ихала иаԥҵоуп аменю апункт.

Асаит ахь аҭагалара#

Авиджет ихала икод ҟамлеит — «Сара саит» араздел азегьы иалоу атег аус ауеит:

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="ШӘ-АДОМЕН" async></script>

<head> ахь ма </body> аԥхьа акьыԥш — нас авиджетқәа рсостав кабинет ахь атумблерқәа рыла иаԥҵоуп. Аплатформақәа рыла аинструкциақәа (HTML, Google Tag Manager, WordPress, Tilda/Wix, Shopify, Webflow) — Сара саит астатиа ахь, «Аплатформақәа рзы аҭагалара» араздел. Еиҭаҵуа тег webcall-widget/v1.js уа иҵоит, «Аԥхьаҟатәи» аблок ахь.

Аҭагалара аԥшаара иаҳәоит, иаҳәам. «Аҭагалара аԥшаара» ақәыԥш астраница аисходный HTML аԥшуеит, нас ԥшь-ҭагыла иаԥыргоит: зегьы иалоу азагрузчик аԥшаан, еиԥшым атегқәа рыла аԥшаан, егьырҭ алокациа акод аԥшаан, акод ыҟам.

⚠️ Атег, браузер ахь Google Tag Manager иаҭагалоу, аԥшаара иаҳәам — исходный HTML ахь ыҟам. Анормально: шәбла шәрыԥшаа, кнопка астраница ахь иааит.

Авиджет анапхгара#

Ихала инапхгарақәа — аԥштәқәа, арасписаниақәа, аформақәа — авиджет изы ыҟам. Иара ма иҭелоит, ма иаҳәоит иахьаҭелаӡам, уи азы ипанель ҩ-ҭагыла аарԥшуеит, зегьы рыла иаҵаулоу:

Ателефониа алокациа ахь ашәҭыԥ ааԥнаҵоуп. Иҟазар, апанель уи иаҳәоит, «Ателефониа» араздел ахь иашьҭоит — уа аҳасабқәа, алиниақәа, амаршрутизациа, аҭелқәа рҭаҩра рынапхгалоуп.
Авеб-ҭелқәа рылиниа ааԥнаҵоуп. Иаԥнаҵамзар, апанель аԥхьагәаҭара аарԥшуеит, нас «Алиниа ааԥнаҵара» ақәыԥш — ааԥнаҵара ара иаҵанакуеит, авиджет анапхгара аҟынтә шәыцәымкәа.

Ҩ-ҭагыла зегьы рыхәҭазар, апанель аҵыхәтәантәи «зегьы дазхигеит» аарԥшуеит. Егьырҭ — аҭел аҭаҩра арежим, аоператорқәа, аԥхьаӡага, аконсультант — «Ателефониа» араздел ахь рынапхгалоуп; уи ахь ассылка уаҭоу аԥенџьыр аҵаҟа ыҟоуп.

Акнопка ахьаԥшра аԥҵара ҟалоит — атег аатрибутқәа рыла, авиджет ихала акьыԥш ахь шәаҭазар: аԥштә (data-color), акәакь (data-position="left|right"), аҵаҩра (data-label — уи ала акругтә кнопка апилюля ҳәа атекст змоу иалхуеит), абызшәа (data-lang).

Атрубка аӡыҵара ашьҭахь иҟоу#

Ахәыҩа аҭел апанель аԥшуеит, нас еилкаау аҭагылақәа ирымоуп: аҭел азыҳәоит → амикрофон ахь аҭалара шәақәшаҳаҭха → еиԥшҳәоит → аҭел аауеит → ацәажәара ицоит → аҭел дазхигеит. Ацәажәара ахь амикрофон аԥкра ақәыԥш, нас аҭел дазхигара иаҵанакуеит.

Азаведение аҟынтә уи аҭалатәи аҭел ауп: шәАТС ахь иаауеит, шәԥҟақәа рыла ицоит — аоператорқәа, аԥхьаӡага, аҭел аиагара, ателефонтә консультант. Аҭаҩра, нас аԥшаара — егьырҭ аҭелқәа реиԥш, «Аҭелқәа» араздел ахь: уа аҭел карточка, арасшифровка, аметрикақәа, шәара иааԥнаҵоу аҭагылазаашьа ахь.

Ихала «авиджет аинбокс» ыҟам, нас иаҭахӡам: асаит аҟынтә аҭел — еиԥшым асущность ҟамлеит, шәлиниа ахь аҭел ауп.

Асотрудник иаҳәоит. Асаит аҟынтә аҭел аслужебтә номер аҟынтә иаауеит, ахәыҩа иномер аҟынтә ҟамлеит, — уи азы аҭалатәи акарточка ахь «🌐 Асаит аҟынтә» аблок ыҟоуп: аадрес, нас астраница ахьыԥш, атрубка аӡыҵаз. Cookies, ахәыҩа аидентификаторқәа, егьырҭ аформақәа рҭыԥ уа иаауам. Астраница аҭел аҟынтә аимадара аамҭа, алокациа рыла ицоит, ахәыҩа иличнә идентификатор ала ҟамлеит: ҩ-хәыҩа, еиԥш алокациа ахь еиԥш аминуҭ ахьыҭелаз, теориала ркарточкақәа рыԥсара ҟалоит — асотрудник астраница иаҳәам, нас уи аԥхьаӡа ауп аличносттә идентификатор АТС аҭелқәа рҭоурых ахь аҭара ахь.

Аҳәаақәа#

Шәтелефониа шәҭахуп. Авиджет — ахәыҩа браузер ахь «аҵыхәтәантәи амилиа» ауп; аҭел шәАТС аԥшуеит. Ателефониа ашәҭыԥ ааԥнаҵамзар, акнопка ҭеламлоит.
Авеб-ҭелқәа рылиниа ааԥнаҵоуп. Уи еиԥшым атумблер ауп (авиджет апанель акьыԥшк ала иааԥнаҵоит). Иаԥнаҵамзар, ахәыҩа «асаит аҟынтә аҭелқәа ҳазы иаҵанакуам» иаҳәоит.
Амикрофон, нас уи азы ақәшаҳаҭра шәҭахуп. Абраузер аҭалара аазҵоит; ахәыҩа иақәшаҳаҭхамра, нас шәстраница ашәарҭадара аполитика амикрофон аԥкра авиджет изы еиԥш иаԥшуеит — ахәыҩа амикрофон ақәшаҳаҭра аҳәара аарԥшуеит.
Ахәыҩа иҭел ауп. Абраузер ателефон ҳәа арегистрациа ҟамлеит, аҭалатәи аҭелқәа аԥшра ҟамлеит — ахәыҩа уаҭа ахь аԥсаҭел ҟамлеит. «Сара сԥсаҭел» асценариазы аԥсаҭел ыҟоуп.
Акьыԥшк ала аҭел аарту апанель ахь. Аҭел азыҳәара аограничитель 1 сааҭ ахь 5 аԥҽыхра ахәыҩа нас алокациа азы 30 иақәыргылоуп. Аԥҽыхра аимадара азыҳәара ахь иԥхьаӡоуп, уи азы аԥыхра ма иҟалаз ацәажәара иара иаԥҽыхра ҟалоит. Алимит ахь анаӡаар, ахәыҩа «аҭелқәа рацәоуп, нас иашьҭахь шәаԥшаа» иаҳәоит.
Авиджет ахь аԥшра аҭагылақәа ыҟам. Акнопка зегьы астраницақәа рхь иаауеит, атег ахьыҟоу. Астраницақәа, апрограмма, арасписаниа рыла аҳәаара ҟалоит, атрубка амультикнопка ахь аҵәахра ала — уа аԥшра аҭагылақәа ыҟоуп.
Ҳашьҭаҵра ахь авиджет ыҟам. Браузер аҟынтә аҭел — шәсаит изы аԥродукт ауп; Cenaly ашьҭаҵра ахь амультикнопка авеер ахь «Браузер аҟынтә аҭел» апункт аарԥшуам, уи азы аԥенџьыр уа ыҟам.

Апроблемақәа рыӡбара#

Саит аҿы ақьыԥшьқәа ыҟам.

Атег ыҟам — «Аҭыԥырра шәахәа» ақьыԥшь шәықәыӡ. «Акод ыҟам» — атег аҭарҵам йәки ашаблон аҩадақәа зегьы рҿы ыҟам; «акод даҽа локациа» — атег аҿы data-domain даҽа. Атег GTM аҭарҵоит — аҭыԥырра анишаҳәа, саит шәыбжьы.
Аԥсахрақәа наӡам — авиджет афаилқәа CDN ала ирҭоит, кэш 5 минут. Шәԥсааит, нас аԥарҭа кэш ацқьарала шәырҿыц.
Авиджет иаҿыхӯп — акарточка «Ателефон аҟынтә аҭыԥырра» аҿы атумблер.
Ақьыԥшь амультиқьыԥшь ааиуит — амультиқьыԥшь иаҿыхуп, нас авеер аҿы «Абраузер аҟынтә аҭыԥырра» ахьыҟоу аҭыԥ аҟны, авиджет ихатәы ақьыԥшь аԥыргоит, аҿар аҩналара аҿы ҩба ахьыҟамц азы.

Ақьыԥшь ыҟоуп, аҭыԥырра алагам.

«Саит аҟынтә аҭыԥыррақәа ҳазы иаҿыхӯп» — авеб-ҭыԥырра алиниа йәки авиджет иаҿыхӯп: авиджет ашестерёнка шәырҭааит, апанель иҳаҭырҳәоит иҭацәу, нас алиниа иаҿыхоит;
«Алиниа ҳазы иаҿыхӯп» — алоқациа ателефониа ашәырӡам йәки аҭак аҳаам: «Ателефониа» ахәҭа;
«Аҭыԥыррақәа рацәаны» — аҭыԥыррақәа рацәара ахьчара аус аруит, нас шәахьыҭааит;
«Аҭыԥырра азы амикрофон аҭара иаҵаҟоуп» — аҩналаԥсы аҭара мап, йәки амикрофон шәара шәдаҟьа ашәарҭара аполитика ала иаҿыхӯп. Шәахәа, саит HTTPS ала иаартуп: уи аҿы браузер амикрофон аҭара иҭамҭоит.

Аҭыԥырра ицоит, азаведение аҿы аҭыԥырра аҳаам. Уи аҭалара асценариуп: «Ателефониа» ахәҭа аҿы шәахәа, алиниа ахьынаго — аҭак арежим, аоператорцәа нас амаршрутизациа аԥшьашақәа. Авиджет аҩналаԥсы шәара шәАТС аҟынӡа анагоит.

«Аҭыԥыррақәа» ахәҭа аҿы аҭыԥырра ыҟам. Азаписи нас акарточкақәа иаауеит, локациа аҭыԥыррақәа рзаписи иаҿыхуп аҭыԥ аҟны; уи ателефониа ахәҭа аҿы иаԥҵоит.

Иаацәажәоу асурақәа#

Аҩналаԥсы азы аҭарҵара йәки арегистрациа иаҵаҟоума?#

Амам. Ацәажәара браузер ала ицоит: амикрофон аҭара мацара иаҵаҟоуп. Априложение, аҳасаб, ателефон аномер — аҩналаԥсы азы иаҵаҟам.

Аҩналаԥсы аҭыԥырра азы аԥара иҭоума?#

Амам, уи азы интернет-трафикуп. Шәара шәлахә — аҭыԥырра ателефониа: аҭыԥырра шәАТС аҟынӡа инагоит, нас шәара шәԥшьашақәа нас аоператор атарифқәа аус руеит.

Ари аҭыԥырра аҟынтә ишԥаҟоу?#

Абра аҩналаԥсы ихатәы нас иаразнак ицәажәоит. Аҭыԥырра аҟынтә уи ихатәы аномер аанкылоит, нас асистема уи аҩашәҭахь анагоит — уи даҽа сценариуп, нас уи аԥхьа иаҿыхыр ҟалоит.

Сара сномер аҭаацәа рзы иаартума?#

Амам, аномер саит аҿы иаартум: аҩналаԥсы ақьыԥшь ақәыӡ, нас аиҭаҩра ҳара ҳинфраструктура ала шәАТС аҟынӡа ицоит.

Ақьыԥшь аҿар зегьы рҿы нас аҩадақәа зегьы рҿы иаԥырҵар ҟалоума?#

Аҿар нас аҭыԥ атег атрибутқәа ала иаԥҵоит. Аҩадақәа, априбор нас аграфик ала аԥхьаӡара авиджет аҿы ыҟам — уи иаҵаҟоуп, амультиқьыԥшь шәықәыӡ нас аҭыԥырра авеер аҿы аҭыԥ аҟны шәыҭа: уи аҿы уи аԥшьашақәа ыҟоуп.

Аиҭаҩра ицо аамҭа аҿы аҩналаԥсы иаҳәо?#

Иаҳаҭырҳәоу аҳәарақәа ихатәы абызшәала: «Аҭыԥырра ҳаҭаҵоит», «Амикрофон аҭара шәыԥшьа», «Ҳаиҭаҩуеит», «Ақьыԥшь», «Ацәажәара ицоит», «Аҭыԥырра иҟәыҵит». Аҭара аԥхьа аҳәарақәа рыла иаҳәоит, аошибка акод ала амам.

Ари ателефон аҿы аус руума?#

Ааи, амобиль браузерқәа рҿы ацәажәара уи аԥҵа ицоит. Саит HTTPS ала иаартуп — уи аҿы браузер амикрофон аҭара иҭамҭоит.

Ацәажәарақәа рзаписи ахьыҟоу?#

Шәара шәбренд аоблако аҿы: cenaly.com — AWS, cenaly.ru — Yandex Cloud. Саит аҟынтә аҭыԥырра шәтелефониа даҽа ҭыԥыррақәа реиԥш иҟоуп.

Иамадоу ахәҭақәа#

Сара саит — аҭарҵара акод нас даҽа жәабаҩ авиджетқәа
Аҭыԥырра аҟынтә — аҩналаԥсы аномер аанкылоит, ҳара ҳнагоит
Амультиқьыԥшь — ақьыԥшь, ачат нас амессенджерқәа акәыршаны авеер аҿы аиқәыршәара
Аҭаацәа рзы ачат — саит аҿы нас амессенджерқәа рҿы аҩбатәи аԥсҭазаара