ప్రవర్తన, అధికారిక స్థానం మరియు L2 మూల కారణం (JS ఇంజెక్షన్ ఎందుకు విఫలం / బ్లాక్) వెంటనే పొందడానికి లక్షణం టైప్ చేయండి. కింద: పూర్తి లక్షణ పట్టిక, ఇంజెక్షన్ రేఖాచిత్రం, 2026 అంచనాలతో ఐదు పద్ధతుల పోలిక మరియు FAQ.

మీ «చాట్ రాలేదు» ఏదైనా, ముందు నాలుగు గ్రూపులకు సంకుచితం చేయండి — ఇదే చాలా చుట్టుదారులను ఆదా చేస్తుంది. ఫ్లోచార్ట్ నిర్ణయాన్ని స్పష్టం చేస్తుంది: స్క్రిప్ట్ లోడ్ అయిందా (F12లో meiqia.js), తర్వాత కాన్ఫిగ్, ఫ్రేమ్వర్క్ లేదా ప్రదర్శన-పొర సమస్యా. ప్రాథమికం కోసం 美洽 వెబ్ ఇంటిగ్రేషన్ గైడ్ చూడండి.
ఒక వాక్యం చాలు: 美洽 వెబ్ విడ్జెట్ మీ పేజీలో స్థిర భాగం కాదు — ఇది 美洽 ఆఫ్-డొమైన్ నుండి అసమకాలికంగా లోడ్ అయ్యే meiqia.js, డైనమిక్గా చాట్ కంటైనర్ (DOM / iframe) ఇంజెక్ట్ చేసి దీర్ఘకాలిక క్రాస్-ఆరిజిన్ కనెక్షన్ తెరుస్తుంది. ఇంజెక్షన్ విజయవంతం కావడానికి «స్క్రిప్ట్ లోడ్ (మంచి స్థానం, adblock లేదు), కంటైనర్ CSS / ఇతర ప్లగిన్లతో కప్పబడలేదు, entId మరియు డొమైన్ సరిపోలుతాయి, మరియు SPA రూట్ మార్పు తర్వాత తిరిగి మౌంట్» అవసరం. కింది రేఖాచిత్రం ఈ గొలుసు మరియు నాలుగు బ్లాక్ పాయింట్లను గీస్తుంది — అందుకే ఒకే కోడ్ ఒక సైట్ / ఫ్రేమ్వర్క్లో పనిచేసి మరొకదానిలో పనిచేయదు.
స్థానం, meiqia.js 200 మరియు entId అన్నీ నిర్ధారించినా ఇంకా కనిపించకపోతే, ప్రాథమికంగా «adblock» లేదా «ఫ్రేమ్వర్క్ / స్టాకింగ్». కింది ప్యానెల్ ప్రాముఖ్యత క్రమంలో: ఆకుపచ్చ సాధారణంగా సరి, ఎరుపు (adblock, SPA / థర్డ్-పార్టీ ప్లగిన్ స్టాకింగ్) తరచూ వచ్చే ఉచ్చులు. ఒక్కొక్కటిగా తనిఖీ చేస్తే వేగంగా గుర్తిస్తుంది.

కింది పట్టిక సాధారణ కనిపించని / లోప లక్షణాలను ఒకేసారి జాబితా చేస్తుంది, ప్రతిదానికి అధికారిక స్థానం మరియు L2 మూల కారణంతో. పైన శోధన పెట్టె ఈ పట్టిక డేటాతో నడుస్తుంది — మీరు ఎదుర్కొన్న కీవర్డ్ వెతకండి.
| లక్షణం | గ్రూప్ | L1 ప్రవర్తన / అధికారిక స్థానం | L2 మూల కారణం |
|---|---|---|---|
| చాట్ విండో / బబుల్ అసలు కనిపించడం లేదు | లోడ్ వైఫల్యం | 美洽 వెబ్ విడ్జెట్ ఒక అతికించిన JS స్నిప్పెట్తో తేలియాడే చాట్ విండోను లోడ్ చేస్తుంది; కోడ్ సరిగా పొందుపరచబడిందని మరియు ఇంటిగ్రేషన్ సైట్ కన్సోల్లో కాన్ఫిగర్ అయిందని నిర్ధారించండి. | విడ్జెట్ అసమకాలిక లోడ్ తర్వాత DOMలో ఇంజెక్ట్ అయ్యే meiqia.js, కాబట్టి «అసలు ఏమీ లేదు» సాధారణంగా «స్క్రిప్ట్ ఎప్పటికీ లోడ్ కాలేదు» — తప్పు స్థానం, adblock / కాష్తో బ్లాక్, లేదా సరిపోలని డొమైన్ / entId, కాబట్టి ఇంజెక్షన్ ఎప్పటికీ నడవలేదు. |
| స్క్రిప్ట్ లోడ్ అయింది కానీ చాట్ బటన్ లేదు | ప్రదర్శన సమస్యలు | విడ్జెట్ కోడ్ సైట్కు అనుగుణంగా చాట్ బటన్ చూపుతుంది; ప్రదర్శన విఫలమైతే స్టైల్తో దాగిందా లేదా init అంతరాయమైందా తనిఖీ చేయండి. | స్క్రిప్ట్ లోడ్ అయి బటన్ లేకపోతే, సాధారణంగా «ప్రదర్శన పొర» సమస్య: సైట్-వ్యాప్త CSS బటన్ స్థానాన్ని ఓవర్రైడ్ / display:none, z-index ఓడుతుంది, లేదా మరో స్థిర ఎలిమెంట్ కప్పుతుంది; మరో JS లోపం కూడా init అంతరాయం చేయవచ్చు. |
| meiqia.js adblock ఎక్స్టెన్షన్తో బ్లాక్ | లోడ్ వైఫల్యం | 美洽 చాట్ స్క్రిప్ట్ థర్డ్-పార్టీ డొమైన్ నుండి వస్తుంది; బ్లాకింగ్ ఎక్స్టెన్షన్ ఇన్స్టాల్ అయితే దాన్ని ప్రకటన / ట్రాకర్గా భావించి లోడ్ ఆపవచ్చు — బ్లాకింగ్ ఆఫ్ చేయండి లేదా వైట్లిస్ట్ చేయండి. | ERR_BLOCKED_BY_CLIENT అంటే బ్రౌజర్ ఎక్స్టెన్షన్ (AdBlock / uBlock / AdGuard) ఫిల్టర్ జాబితాలతో అభ్యర్థనను బ్లాక్ చేసింది. 美洽 స్క్రిప్ట్ «థర్డ్-పార్టీ ఆఫ్-డొమైన్ + రియల్-టైమ్ కమ్యూనికేషన్», దీన్ని అలాంటి నియమాలు తరచూ ప్రకటన / ట్రాకర్గా పొరబడి «కన్సోల్ సరి, వినియోగదారు వైపు లేదు» తప్పుడు వైఫల్యం కలిగిస్తాయి. |
| meiqia.js 404 / చెడ్డ స్థితి / మిశ్రమ కంటెంట్ | లోడ్ వైఫల్యం | డిప్లాయ్ తర్వాత Network ప్యానెల్లో meiqia.js వెతకండి; 200 స్థితి అంటే స్క్రిప్ట్ సరిగా ఉంచబడి లోడ్ అయింది. | సాధారణ 200-కాని కారణాలు: కోడ్ పేజీ / CDN కాష్లో ఇరుక్కుంది (ప్రచురణ తర్వాత రిఫ్రెష్ కాలేదు), HTTP పేజీలో లోడ్ / అసంపూర్ణ సర్టిఫికేట్ చైన్ మిశ్రమ-కంటెంట్ బ్లాకింగ్ ట్రిగ్గర్, లేదా విరిగిన / పాక్షికంగా కాపీ చేసిన కోడ్. ఈ దశ విఫలమైతే ఇంజెక్షన్ మరియు కనెక్షన్ ఎప్పటికీ జరగవు. |
| కోడ్ తప్పు స్థానంలో (head బ్లాకింగ్ / పనిచేయదు) | లోడ్ వైఫల్యం | 美洽 కోడ్ను పేజీ కింద, </body>కి ముందు అతికించమని సిఫార్సు చేస్తుంది; విడ్జెట్ ప్రధాన కంటెంట్ లోడ్ అయ్యాక నడుస్తుంది. | విడ్జెట్ DOM సిద్ధమయ్యాక కంటైనర్ను ఇంజెక్ట్ చేయాలి. <head>లో ఇది రెండర్ను బ్లాక్ చేస్తుంది (బలహీన నెట్వర్క్లో ముందు ఖాళీ స్క్రీన్) లేదా DOM సిద్ధం కాకముందే నడిచి విఫలమవుతుంది; కొన్ని async / module scopeలో లోడ్ క్రమం కూడా తప్పవచ్చు. |
| చాట్ విండో / బటన్ స్టైల్ విరిగింది | ప్రదర్శన సమస్యలు | విడ్జెట్ తన సొంత స్టైల్లను ఇంజెక్ట్ చేసి సైట్కు అనుగుణమవుతుంది; సైట్-వ్యాప్త స్టైల్లతో వైరుధ్యం దృశ్య లోపాలు కలిగించవచ్చు. | 美洽 స్క్రిప్ట్ రన్టైమ్లో CSS ఇంజెక్ట్ చేస్తుంది; సైట్-వ్యాప్త స్టైల్లు (సార్వత్రిక సెలెక్టర్లు / అధిక-ప్రాధాన్య నియమాలు / రీసెట్) ముందు దాని క్లాస్లను ఓవర్రైడ్ చేస్తే స్థానం, స్టాకింగ్ మరియు ఫాంట్లు విరుగుతాయి — «డైనమిక్ ఇంజెక్షన్ + ఒక డాక్యుమెంట్ స్టైల్ స్పేస్ పంచుకోవడం» యొక్క దుష్ప్రభావం. |
| బటన్ స్క్రీన్ బయట / కప్పబడింది | ప్రదర్శన సమస్యలు | విడ్జెట్ బటన్ స్థిర-స్థాన తేలియాడేదిగా కనిపిస్తుంది; ఇతర స్థిర ఎలిమెంట్లతో కప్పబడితే స్టాకింగ్ లేదా స్థానం సర్దుబాటు చేయండి. | సైట్లోని ఇతర position:fixed ఎలిమెంట్లు (పైకి, తేలియాడే ప్రకటనలు, సొంత సపోర్ట్ బార్) ఎక్కువ z-indexతో 美洽 బటన్ను కప్పుతాయి, లేదా థీమ్ దాని కోఆర్డినేట్లను తప్పుగా లెక్కించి «స్క్రీన్ బయట / కప్పబడింది» ఉంచుతుంది. |
| థర్డ్-పార్టీ ప్లగిన్ / అనలిటిక్స్ DOM వైరుధ్యం | ప్రదర్శన సమస్యలు | DOM మార్చే లేదా అభ్యర్థనలను అడ్డగించే పేజీలోని ఇతర స్క్రిప్ట్లు విడ్జెట్ సాధారణ లోడ్ మరియు ప్రదర్శనను ప్రభావితం చేయవచ్చు. | హీట్మ్యాప్ / అనలిటిక్స్ / మార్పిడి స్క్రిప్ట్లు DOMను తిరిగి రాస్తాయి, ఓవర్లే ఇంజెక్ట్ లేదా అభ్యర్థనలను అడ్డగిస్తాయి; అవి మరియు 美洽 ఒకే డాక్యుమెంట్లో ఇంజెక్ట్ చేయడంతో స్టాకింగ్ / ఈవెంట్లు అంతరాయం కలిగించి 美洽 కంటైనర్ కప్పబడుతుంది లేదా దాని init అంతరాయమవుతుంది. |
| SPA రూట్ మార్పు తర్వాత విడ్జెట్ అదృశ్యం | ఫ్రేమ్వర్క్ ఇంటిగ్రేషన్ | ఒకే-పేజీ యాప్లకు (SPA) ఫ్రేమ్వర్క్ రూట్ హుక్లతో 美洽 విడ్జెట్ను లోడ్ / init చేయండి, తద్వారా ఫ్రంట్ఎండ్ రూటింగ్కు సరిపోతుంది. | SPA ఫ్రంట్ఎండ్ రూటింగ్తో వ్యూలను మారుస్తూ DOMను నాశనం / తిరిగి నిర్మిస్తుంది, కానీ meiqia.js డిఫాల్ట్గా మొదటి లోడ్లో ఒకసారి ఇంజెక్ట్ చేసి రూట్ మార్పులో తనంతట తాను తిరిగి నిర్మించబడదు, కాబట్టి «పేజీ మార్చు, చాట్ అదృశ్యం». |
| మాన్యువల్ init అవసరం (manualInit / init) | ఫ్రేమ్వర్క్ ఇంటిగ్రేషన్ | డౌన్లోడ్ తర్వాత auto-init ఆపడానికి 美洽 ఎంబెడ్ కోడ్ తర్వాత _MEIQIA('manualInit') జోడించండి; అవసరమైనప్పుడు మాన్యువల్ initకు _MEIQIA('init') కాల్ చేయండి. | డిఫాల్ట్గా 美洽 డౌన్లోడ్ తర్వాత వెంటనే init అవుతుంది; కంటైనర్ సిద్ధం / కస్టమర్ సమాచారం పంపబడింది / రూట్ స్థిరం ముందు అవసరమైనప్పుడు ఆ సమయం «చాలా త్వరగా» — క్రమం నియంత్రించడానికి మాన్యువల్ initకు మారండి. |
| entId సరిపోలదు / ఏజెంట్లకు చాట్లు రావు | కాన్ఫిగ్ / అధికారం | కోడ్లో entId తర్వాతి సంఖ్య మీ కంపెనీ ప్రత్యేక ఐడి; వర్క్బెంచ్తో సరిపోలకపోతే ఏజెంట్లు చాట్ను నిర్వహించలేరు — సెట్టింగ్లు - టీమ్ - ఐడి శోధనలో కంపెనీ ఐడి కనుగొనండి. | entId స్నిప్పెట్ను ఒక నిర్దిష్ట కంపెనీ ఖాతాకు బంధిస్తుంది. మరొకరి / వేరే వాతావరణ కోడ్తో, లేదా కలిసిన ఖాతాలతో, ఫ్రంట్ఎండ్ విండోను లోడ్ చేస్తుంది కానీ సందేశాలు «మరో కంపెనీకి» వెళ్తాయి, కాబట్టి ఈ వర్క్బెంచ్కు ఏదీ రాదు — «సరిగా కనిపిస్తుంది కానీ ఏదీ రాదు» క్లాసిక్. |
| సైట్ డొమైన్ కన్సోల్లో అనధికారం | కాన్ఫిగ్ / అధికారం | 美洽 కన్సోల్ «ఇంటిగ్రేషన్ సైట్ జోడించు» అనుమతిస్తుంది, ప్రతిదానికి సొంత కాన్ఫిగ్; కొత్త సైట్ బాగా ఇంటిగ్రేట్ అయ్యేముందు కన్సోల్లో కాన్ఫిగర్ చేయాలి. | 美洽 అనేక సైట్లను «ఇంటిగ్రేషన్ సైట్లుగా» నిర్వహిస్తుంది; డొమైన్ గుర్తించబడటానికి కన్సోల్లో నమోదు / అధికారం పొందాలి. జోడించని కొత్త ప్రొడక్షన్ డొమైన్ అంగీకరించబడకపోవచ్చు లేదా తప్పు కాన్ఫిగ్కు మ్యాప్ కావచ్చు. |
| మల్టీ-సైట్ / ఉప-ఛానెల్ (ప్రోబ్) కలిసిపోవడం | కాన్ఫిగ్ / అధికారం | 美洽 ప్రతి సైట్కు వేర్వేరు విడ్జెట్ మరియు చాట్ లింక్ డిప్లాయ్కు మద్దతిస్తుంది (ఉప-ఛానెల్లు / ప్రోబ్); డిఫాల్ట్ సైట్ కాకుండా మరిన్ని జోడించవచ్చు, ప్రతిదానికి సొంత కాన్ఫిగ్. | వేర్వేరు వ్యాపార లైన్లకు వేర్వేరు ఏజెంట్ గ్రూపులు / auto-సందేశాలు అవసరం, కానీ ప్రతి సైట్ ఒక డిఫాల్ట్ స్నిప్పెట్ పంచుకుంటే మూలాలను వేరు చేయలేరు మరియు కాన్ఫిగ్లు కలుస్తాయి. ఉప-ఛానెల్లు (ప్రోబ్) «ఒక కంపెనీ, అనేక ప్రవేశాలు, రూటెడ్» కోసం రూపొందించబడ్డాయి. |
| మొబైల్ వెబ్ చాట్ కనిపించదు / వేరు డిప్లాయ్ అవసరం | మొబైల్ / SDK | విడ్జెట్ కోడ్ సైట్కు అనుగుణమవుతుంది; మొబైల్ / PC ఒకే స్నిప్పెట్ వాడతాయి కానీ వేరుగా డిప్లాయ్ చేయాలి. | చాలా టీమ్లకు వేరు PC మరియు మొబైల్ పేజీలు / టెంప్లేట్లు ఉంటాయి మరియు కోడ్ను PC టెంప్లేట్లో మాత్రమే అతికించారు. స్నిప్పెట్ ఒకటే మరియు స్వయం-అనుగుణం, కానీ «అతికించు» దశ మొబైల్ టెంప్లేట్లో కూడా చేయాలి; మిస్ అయితే మొబైల్లో చాట్ లేదు. |
| నేటివ్ యాప్ SDK ఇంటిగ్రేషన్ / AppKey | మొబైల్ / SDK | ఇన్-యాప్ ఇంటిగ్రేషన్కు 美洽 వర్క్బెంచ్ నుండి AppKey అవసరం (సెట్టింగ్లు - ఇంటిగ్రేషన్ - SDK, «APP కాన్ఫిగ్ జోడించు»), మరియు డెవలపర్లు అధికారిక డాక్ మరియు డెమో ప్రకారం iOS / Android SDK ఇంటిగ్రేట్ చేస్తారు. | యాప్ వెబ్ JS కాదు, నేటివ్ SDK వాడుతుంది: ముందు AppKey కోసం «APP కాన్ఫిగ్ జోడించు», తర్వాత చాట్ UI, చదవని, పుష్ మొదలైన వాటికి ప్రతి ప్లాట్ఫారమ్కు SDK ఇంటిగ్రేట్ — వెబ్ విడ్జెట్ నుండి పూర్తిగా వేరు మార్గం. |
| SDK సందేశ పుష్ రాదు | మొబైల్ / SDK | 美洽 SDK పుష్కు రెండు మోడ్లు: «పుష్ లేదు»తో ఏజెంట్ సందేశాలు యాప్లో మాత్రమే చేరతాయి (పొందడానికి యాప్ తెరవండి); «కస్టమ్ పుష్ సర్వర్»తో వినియోగదారులు యాప్ వదిలాక కూడా ఫోన్కు పుష్ పొందతారు. | «ఆఫ్లైన్ పుష్» లేకపోవడం సాధారణంగా పుష్ మోడ్ «పుష్ లేదు», లేదా కస్టమ్ పుష్ సర్వర్ / ప్రతి-ప్లాట్ఫారమ్ పుష్ సర్టిఫికేట్లు లేవు. మార్గం «美洽 → యాప్ సర్వర్ → వినియోగదారు ఫోన్»; మిస్సింగ్ లింక్ యాప్లో పొందడాన్ని మాత్రమే వదులుతుంది. |
| డిఫాల్ట్ బటన్ దాచు / కస్టమ్ ప్రవేశం | API కాల్లు | 美洽 నేటివ్ చాట్ బటన్ చూపకుండా _MEIQIA('withoutBtn') కాల్ చేయండి; init విజయం తర్వాత చాట్ తెరవడానికి _MEIQIA('showPanel') కాల్ చేయండి. | డిఫాల్ట్గా నేటివ్ తేలియాడే బటన్ రెండర్ అవుతుంది; మీ ప్రవేశం కోసం initకు ముందు / సమయంలో «నేటివ్ బటన్ లేదు» ప్రకటించి «చాట్ తెరువు»ను మీ ఎలిమెంట్తో బైండ్ చేయాలి — API సమయ విషయం, «విరిగిన బటన్» కాదు. |
| కస్టమర్ సమాచారం పంపడం / సింక్ పనిచేయదు | API కాల్లు | 美洽 వెబ్ విడ్జెట్ సందర్శకుల డేటాను చాట్కు తీసుకురావడానికి «కస్టమర్ సమాచారం పంపు», «కస్టమర్ గుర్తింపు సింక్» మరియు «కస్టమ్ ఈవెంట్ సమాచారం జోడించు» APIలను అందిస్తుంది. | ఈ APIలను సరైన init సమయంలో కాల్ చేయాలి: init విజయం తర్వాత (లేదా manualInit + init సమయంలో). చాలా త్వరగా / ఆలస్యంగా, లేదా తప్పు ఫీల్డ్ ఫార్మాట్లు, అయితే «సెట్ కానీ పనిచేయదు». |
కిందివి 美洽 అధికారిక సహాయం (యాక్సెస్ ఛానెల్లు / JavaScript వెబ్ విడ్జెట్ API) మరియు పబ్లిక్ ఇంటిగ్రేషన్ ట్రబుల్షూటింగ్ నుండి సంశ్లేషించిన 2026 అంచనాలు (విక్రేత హామీ లేదా ప్రత్యక్ష కొలత కాదు; సూచన కోసం, వెర్షన్ మరియు బ్రౌజర్ విధానం ప్రకారం మారుతుంది):
| పరిమాణం | అంచనా / పోలిక |
|---|---|
| కనిపించని కారణాల పంపిణీ (కమ్యూనిటీ / టికెట్ · అం.) | స్థానం / లోడ్ కాలేదు ~35% > adblock / బ్రౌజర్ ఎక్స్టెన్షన్ ~25% > కాన్ఫిగ్ / అధికారం (entId / డొమైన్) ~20% > ఫ్రేమ్వర్క్ (SPA) ~12% > స్టైల్ / థర్డ్-పార్టీ ప్లగిన్ వైరుధ్యం ~8% |
| ఇంటిగ్రేషన్ నిజంగా ఏమిటి | వెబ్ విడ్జెట్ = DOM ఇంజెక్ట్ చేసే థర్డ్-పార్టీ ఆఫ్-డొమైన్ అసమకాలిక JS + దీర్ఘకాలిక క్రాస్-ఆరిజిన్ కనెక్షన్ (పొందుపరిచిన స్థిర భాగం కాదు); కాబట్టి స్థానం, adblock నియమాలు, CSS స్టాకింగ్, SPA జీవితచక్రం ద్వారా ప్రభావితం |
| ప్రతి-ప్లాట్ఫారమ్ ఇంటిగ్రేషన్ (అం.) | PC / మొబైల్ వెబ్ = JS విడ్జెట్ (ఒకే కోడ్, వేరుగా డిప్లాయ్); యాప్ = నేటివ్ SDK (AppKey); WeChat / Douyin / RED = ఛానెల్-అధికార ఇంటిగ్రేషన్ |
| adblock ప్రభావం (అం.) | సుమారు 30-40% PC వినియోగదారులు adblock ఎక్స్టెన్షన్ వాడతారు → థర్డ్-పార్టీ చాట్ స్క్రిప్ట్ ప్రకటన నియమాలతో బ్లాక్ (ERR_BLOCKED_BY_CLIENT), «కన్సోల్ సరి, వినియోగదారు వైపు లేదు» యొక్క ప్రధాన కారణం |
| JS విడ్జెట్ లైవ్ సమయం (అధికారిక) | ప్రత్యేక JSను పేజీ కింద అతికిస్తే సుమారు 3-5 నిమిషాల్లో లైవ్; entId కంపెనీ ప్రత్యేక ఐడి, మరియు వర్క్బెంచ్తో సరిపోలకపోవడం ఏజెంట్లను చాట్ లేకుండా వదులుతుంది |
అంచనా ఆధారం: మూల బేస్లైన్ + సమయ ఎక్స్ట్రాపోలేషన్ (meiqia.com/help యాక్సెస్ ఛానెల్లు / JavaScript వెబ్ విడ్జెట్, meiqia.im ఇంటిగ్రేషన్ గైడ్, పబ్లిక్ ట్రబుల్షూటింగ్, 2026); వెర్షన్ మరియు బ్రౌజర్ బ్లాకింగ్ విధానం ప్రకారం మారుతుంది. 美洽 తాజా అధికారిక సమాచారాన్ని అనుసరించండి. అనధికారిక · LLM స్థానికీకరణ.


ఏ ఇంటిగ్రేషన్ పద్ధతి? కింది పోలిక త్వరిత క్రాస్-రెఫరెన్స్కు 美洽 అధికారిక డాక్ను సంశ్లేషిస్తుంది (కోడ్ పరిమాణం, ఫీచర్ సంపూర్ణత, ఉత్తమ సరిపోలిక, లైవ్ సమయం). చాలా సైట్లు «వెబ్ JS విడ్జెట్» ఎంచుకుంటాయి.
| ఇంటిగ్రేషన్ పద్ధతి | కోడ్ / కష్టత | ఫీచర్ సంపూర్ణత | అనువైనది | లైవ్ సమయం |
|---|---|---|---|---|
| వెబ్ JS విడ్జెట్ | ఒక JS స్నిప్పెట్ · తక్కువ | అత్యంత పూర్తి (తేలియాడే / పాప్అప్ / auto-స్వాగతం / సందర్శక ట్రెయిల్) | PC + మొబైల్ సైట్లు (అధికారిక సిఫార్సు) | ~3-5 నిమిషాలు |
| చాట్ లింక్ | కోడ్ లేదు · కనిష్ఠం | ప్రాథమిక చాట్ | టెక్నిక్ లేకుండా / త్వరిత చాట్ లింక్ పెట్టడం | తక్షణం |
| API / WebIM SDK | డెవలప్ అవసరం · అధికం | లోతైన అనుకూలీకరణ (సొంత UI / సిస్టమ్ / ఆర్డర్ ఇంటిగ్రేషన్) | లోతైన కలయికకు dev సామర్థ్యం ఉన్న టీమ్లు | dev ప్రకారం |
| నేటివ్ యాప్ SDK | SDK ఇంటిగ్రేట్ · అధికం | ఇన్-యాప్ చాట్ + సందేశ పుష్ | iOS / Android యాప్లు | dev ప్రకారం |
| CMS త్వరిత సెటప్ | ప్లగిన్ / ఒక-క్లిక్ · తక్కువ | JS విడ్జెట్ లాగా | WordPress / Fkw / Shopify సైట్లు | నిమిషాలు |
ఒకే 美洽 ఛానెల్ / దృశ్యం ప్రకారం వేరుగా ఇంటిగ్రేట్ అవుతుంది. కింది మ్యాప్ సాధారణ ఛానెల్లను చూపుతుంది: ఆకుపచ్చ = అతికిస్తే పనిచేస్తుంది, అంబర్ = సెటప్ అవసరం (వేరు డిప్లాయ్ / init / వైట్లిస్ట్), ఎరుపు = డిఫాల్ట్గా పద్ధతి మార్చు (adblock / entId / యాప్ SDK వాడుతుంది).
美洽 వెబ్ విడ్జెట్ ఒక అతికించిన JS స్నిప్పెట్తో తేలియాడే చాట్ విండోను లోడ్ చేస్తుంది; కోడ్ సరిగా పొందుపరచబడిందని మరియు ఇంటిగ్రేషన్ సైట్ కన్సోల్లో కాన్ఫిగర్ అయిందని నిర్ధారించండి. విడ్జెట్ అసమకాలిక లోడ్ తర్వాత DOMలో ఇంజెక్ట్ అయ్యే meiqia.js, కాబట్టి «అసలు ఏమీ లేదు» సాధారణంగా «స్క్రిప్ట్ ఎప్పటికీ లోడ్ కాలేదు» — తప్పు స్థానం, adblock / కాష్తో బ్లాక్, లేదా సరిపోలని డొమైన్ / entId, కాబట్టి ఇంజెక్షన్ ఎప్పటికీ నడవలేదు. F12 → Network, meiqia.js వెతకండి: అభ్యర్థన లేదు → కోడ్ పనిచేయదు (స్థానం తనిఖీ / కాష్ క్లియర్); అభ్యర్థన కానీ 200 కాదు → బ్లాక్ లేదా మార్గ సమస్య; అన్నీ సరి కానీ ఇంకా దాగింది → entId / డొమైన్ అధికారం మరియు కింది గ్రూపులు తనిఖీ చేయండి.
విడ్జెట్ కోడ్ సైట్కు అనుగుణంగా చాట్ బటన్ చూపుతుంది; ప్రదర్శన విఫలమైతే స్టైల్తో దాగిందా లేదా init అంతరాయమైందా తనిఖీ చేయండి. స్క్రిప్ట్ లోడ్ అయి బటన్ లేకపోతే, సాధారణంగా «ప్రదర్శన పొర» సమస్య: సైట్-వ్యాప్త CSS బటన్ స్థానాన్ని ఓవర్రైడ్ / display:none, z-index ఓడుతుంది, లేదా మరో స్థిర ఎలిమెంట్ కప్పుతుంది; మరో JS లోపం కూడా init అంతరాయం చేయవచ్చు. F12 → Elements, 美洽 కంటైనర్ వెతకండి — ఉందా, దాగిందా, స్క్రీన్ బయటా?; మళ్లీ పరీక్షించడానికి తాత్కాలికంగా కస్టమ్ CSS / ఇతర స్క్రిప్ట్లు ఆఫ్ చేయండి; అమలును ఆపిన లోపం కోసం కన్సోల్ తనిఖీ చేయండి.
美洽 చాట్ స్క్రిప్ట్ థర్డ్-పార్టీ డొమైన్ నుండి వస్తుంది; బ్లాకింగ్ ఎక్స్టెన్షన్ ఇన్స్టాల్ అయితే దాన్ని ప్రకటన / ట్రాకర్గా భావించి లోడ్ ఆపవచ్చు — బ్లాకింగ్ ఆఫ్ చేయండి లేదా వైట్లిస్ట్ చేయండి. ERR_BLOCKED_BY_CLIENT అంటే బ్రౌజర్ ఎక్స్టెన్షన్ (AdBlock / uBlock / AdGuard) ఫిల్టర్ జాబితాలతో అభ్యర్థనను బ్లాక్ చేసింది. 美洽 స్క్రిప్ట్ «థర్డ్-పార్టీ ఆఫ్-డొమైన్ + రియల్-టైమ్ కమ్యూనికేషన్», దీన్ని అలాంటి నియమాలు తరచూ ప్రకటన / ట్రాకర్గా పొరబడి «కన్సోల్ సరి, వినియోగదారు వైపు లేదు» తప్పుడు వైఫల్యం కలిగిస్తాయి. ఇన్కాగ్నిటోలో లేదా adblock ఆఫ్లో మళ్లీ పరీక్షించండి — కనిపిస్తే బ్లాకింగే కారణం; వినియోగదారులను సైట్ వైట్లిస్ట్ చేయమని అడగండి; ఫ్రంట్ఎండ్ కొన్ని auto నియమాలను తప్పించడానికి చాట్ స్క్రిప్ట్ను ఆలస్యంగా / షరతుతో లోడ్ చేయవచ్చు.
డిప్లాయ్ తర్వాత Network ప్యానెల్లో meiqia.js వెతకండి; 200 స్థితి అంటే స్క్రిప్ట్ సరిగా ఉంచబడి లోడ్ అయింది. సాధారణ 200-కాని కారణాలు: కోడ్ పేజీ / CDN కాష్లో ఇరుక్కుంది (ప్రచురణ తర్వాత రిఫ్రెష్ కాలేదు), HTTP పేజీలో లోడ్ / అసంపూర్ణ సర్టిఫికేట్ చైన్ మిశ్రమ-కంటెంట్ బ్లాకింగ్ ట్రిగ్గర్, లేదా విరిగిన / పాక్షికంగా కాపీ చేసిన కోడ్. ఈ దశ విఫలమైతే ఇంజెక్షన్ మరియు కనెక్షన్ ఎప్పటికీ జరగవు. ప్రచురణ తర్వాత CDN / బ్రౌజర్ కాష్ క్లియర్ చేయండి (లేదా ఇన్కాగ్నిటో); పూర్తి సర్టిఫికేట్ చైన్తో పూర్తి HTTPS మరియు మిశ్రమ కంటెంట్ లేకుండా నిర్ధారించండి; కాపీ చేసిన కోడ్ పూర్తి మరియు escape కాలేదని ధృవీకరించండి.
美洽 కోడ్ను పేజీ కింద, </body>కి ముందు అతికించమని సిఫార్సు చేస్తుంది; విడ్జెట్ ప్రధాన కంటెంట్ లోడ్ అయ్యాక నడుస్తుంది. విడ్జెట్ DOM సిద్ధమయ్యాక కంటైనర్ను ఇంజెక్ట్ చేయాలి. <head>లో ఇది రెండర్ను బ్లాక్ చేస్తుంది (బలహీన నెట్వర్క్లో ముందు ఖాళీ స్క్రీన్) లేదా DOM సిద్ధం కాకముందే నడిచి విఫలమవుతుంది; కొన్ని async / module scopeలో లోడ్ క్రమం కూడా తప్పవచ్చు. 美洽 JSను ప్రతి పేజీ ఉమ్మడి ఫుటర్లో, </body>కి ముందు ఉంచండి; SPAకు «SPA రూట్» ఎంట్రీ చూసి manualInit వాడండి; bundler దాన్ని tree-shakingతో తీసివేయదని నిర్ధారించండి.
విడ్జెట్ తన సొంత స్టైల్లను ఇంజెక్ట్ చేసి సైట్కు అనుగుణమవుతుంది; సైట్-వ్యాప్త స్టైల్లతో వైరుధ్యం దృశ్య లోపాలు కలిగించవచ్చు. 美洽 స్క్రిప్ట్ రన్టైమ్లో CSS ఇంజెక్ట్ చేస్తుంది; సైట్-వ్యాప్త స్టైల్లు (సార్వత్రిక సెలెక్టర్లు / అధిక-ప్రాధాన్య నియమాలు / రీసెట్) ముందు దాని క్లాస్లను ఓవర్రైడ్ చేస్తే స్థానం, స్టాకింగ్ మరియు ఫాంట్లు విరుగుతాయి — «డైనమిక్ ఇంజెక్షన్ + ఒక డాక్యుమెంట్ స్టైల్ స్పేస్ పంచుకోవడం» యొక్క దుష్ప్రభావం. ఏ సైట్ నియమం 美洽 కంటైనర్ను ఓవర్రైడ్ చేస్తుందో చూడటానికి F12; సైట్-వ్యాప్త స్టైల్లను సంకుచితం / సాధారణ క్లాస్లపై ప్రభావం తగ్గించండి; అవసరమైతే కంటైనర్ స్టాకింగ్ సర్దుబాటు చేయమని 美洽ను అడగండి.
విడ్జెట్ బటన్ స్థిర-స్థాన తేలియాడేదిగా కనిపిస్తుంది; ఇతర స్థిర ఎలిమెంట్లతో కప్పబడితే స్టాకింగ్ లేదా స్థానం సర్దుబాటు చేయండి. సైట్లోని ఇతర position:fixed ఎలిమెంట్లు (పైకి, తేలియాడే ప్రకటనలు, సొంత సపోర్ట్ బార్) ఎక్కువ z-indexతో 美洽 బటన్ను కప్పుతాయి, లేదా థీమ్ దాని కోఆర్డినేట్లను తప్పుగా లెక్కించి «స్క్రీన్ బయట / కప్పబడింది» ఉంచుతుంది. నిజ కోఆర్డినేట్లు / z-index చూడటానికి F12లో 美洽 కంటైనర్ ఎంచుకోండి; దాన్ని పెంచండి లేదా కప్పే ఎలిమెంట్ z-index తగ్గించండి; ఒక మూలలో అనేక స్థిర తేలియాడేవి పేర్చడం తప్పించండి.
DOM మార్చే లేదా అభ్యర్థనలను అడ్డగించే పేజీలోని ఇతర స్క్రిప్ట్లు విడ్జెట్ సాధారణ లోడ్ మరియు ప్రదర్శనను ప్రభావితం చేయవచ్చు. హీట్మ్యాప్ / అనలిటిక్స్ / మార్పిడి స్క్రిప్ట్లు DOMను తిరిగి రాస్తాయి, ఓవర్లే ఇంజెక్ట్ లేదా అభ్యర్థనలను అడ్డగిస్తాయి; అవి మరియు 美洽 ఒకే డాక్యుమెంట్లో ఇంజెక్ట్ చేయడంతో స్టాకింగ్ / ఈవెంట్లు అంతరాయం కలిగించి 美洽 కంటైనర్ కప్పబడుతుంది లేదా దాని init అంతరాయమవుతుంది. వైరుధ్యం గుర్తించడానికి అనుమానిత ప్లగిన్లను ఒక్కొక్కటిగా ఆఫ్ చేయండి; లోడ్ క్రమం / కంటైనర్ స్టాకింగ్ సర్దుబాటు; హీట్మ్యాప్ మొదలైనవి 美洽 కంటైనర్ ప్రాంతాన్ని తప్పించేలా చేయండి.
ఒకే-పేజీ యాప్లకు (SPA) ఫ్రేమ్వర్క్ రూట్ హుక్లతో 美洽 విడ్జెట్ను లోడ్ / init చేయండి, తద్వారా ఫ్రంట్ఎండ్ రూటింగ్కు సరిపోతుంది. SPA ఫ్రంట్ఎండ్ రూటింగ్తో వ్యూలను మారుస్తూ DOMను నాశనం / తిరిగి నిర్మిస్తుంది, కానీ meiqia.js డిఫాల్ట్గా మొదటి లోడ్లో ఒకసారి ఇంజెక్ట్ చేసి రూట్ మార్పులో తనంతట తాను తిరిగి నిర్మించబడదు, కాబట్టి «పేజీ మార్చు, చాట్ అదృశ్యం». auto-init ఆపడానికి _MEIQIA('manualInit') వాడండి మరియు అవసరమైనప్పుడు తిరిగి మౌంట్కు రూట్ హుక్లో (React useEffect / Vue mounted / router afterEach) _MEIQIA('init') కాల్ చేయండి; అనేక ఇన్స్టాన్స్ల init తప్పించండి.
డౌన్లోడ్ తర్వాత auto-init ఆపడానికి 美洽 ఎంబెడ్ కోడ్ తర్వాత _MEIQIA('manualInit') జోడించండి; అవసరమైనప్పుడు మాన్యువల్ initకు _MEIQIA('init') కాల్ చేయండి. డిఫాల్ట్గా 美洽 డౌన్లోడ్ తర్వాత వెంటనే init అవుతుంది; కంటైనర్ సిద్ధం / కస్టమర్ సమాచారం పంపబడింది / రూట్ స్థిరం ముందు అవసరమైనప్పుడు ఆ సమయం «చాలా త్వరగా» — క్రమం నియంత్రించడానికి మాన్యువల్ initకు మారండి. కోడ్ తర్వాత _MEIQIA('manualInit') జోడించండి; షరతులు సిద్ధమైనప్పుడు (DOM / సెషన్ / రూట్) _MEIQIA('init') కాల్ చేయండి; సమాచార APIలను డాక్ ప్రకారం init సమయంలో క్రమంగా కాల్ చేయండి.
మరిన్ని ఇంటిగ్రేషన్ సెటప్: 美洽 వెబ్ ఇంటిగ్రేషన్, APP SDK ఇంటిగ్రేషన్; ప్రారంభానికి: 美洽 గైడ్. శోధించదగిన పూర్తి వెర్షన్ (ఈ టూల్తో సహా) ఇక్కడ కూడా 美洽 ఇంటిగ్రేషన్ ట్రబుల్షూటింగ్ (GitHub Pages).