SPA کے لیے
ہیلپ سینٹر
شروع کرنے کا طریقہ
Installation / Set Up
کونفیگر کرنے کا طریقہ / AI scope
How to use Seatext AI
بڑی ویب سائٹس کے لیے نفاذ گائیڈ
Variants management
For web designers
Product and pricing
seatextonly Privacy
SPAs کے لیے (ری ایکٹ وغیرہ)
اپنے سنگل پیج ایپلیکیشن (SPA) میں SEATEXT AI جاوا اسکرپٹ اسنیپٹ کو انٹیگریٹ کرنے کے لیے فراہم کردہ کوڈ کو اپنے پروجیکٹ میں ایمبیڈ کرنا شامل ہے۔ یہ گائیڈ اس کوڈ اسنیپٹ شامل کرنے کے لیے ضروری اقدامات کا احاطہ کرے گی، یہ یقینی بنا کر کہ یہ ری ایکٹ، ویو، اور اینگولر جیسے مختلف SPA فریم ورکس کے ساتھ آسانی سے انٹیگریٹ ہوتا ہے۔
SEATEXT AI اسنیپٹ
یہاں وہ SEATEXT AI اسنیپٹ ہے جسے آپ کو داخل کرنے کی ضرورت ہے:
SEATEXTCODEINTEGRATION
عام ہدایات
Identify the Entry Point: Determine where your SPA initializes. This is typically in an index.html file or a main JavaScript/TypeScript file where your framework mounts the application. Add the Snippet: Insert the SEATEXT AI snippet within the body tag of your index.html file, or in the equivalent initialization section of your SPA framework.
مخصوص SPA فریم ورکس کے لیے ہدایات
1. ری ایکٹ
React ایپلیکیشن میں، انٹری پوائنٹ عام طور پر public/index.html فائل ہوتی ہے۔ index.html تلاش کریں: اپنے React پروجیکٹ میں public/index.html فائل تلاش کریں۔ اسنیپٹ داخل کریں: SEATEXT AI اسنیپٹ کو </body> کلوزنگ ٹیگ سے بالکل پہلے شامل کریں۔
مثال
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>React App</title> </head> <body> <div id="root"></div> <script> localStorage.setItem('seatext_id', "96733aab-aaad-4e0e-90ec-5c899e524514"); window.globalSeatextID = "96733aab-aaad-4e0e-90ec-5c899e524514"; </script> <script async src="https://login.seatext.com/seatext.js?id=96733aab-aaad-4e0e-90ec-5c899e524514"></script> </body> </html>
2. Vue.js
Vue.js ایپلیکیشن میں، انٹری پوائنٹ عام طور پر public/index.html فائل ہوتی ہے۔ index.html تلاش کریں: اپنے Vue پروجیکٹ میں public/index.html فائل تلاش کریں۔ اسنیپٹ داخل کریں: SEATEXT AI اسنیپٹ کو </body> کلوزنگ ٹیگ سے بالکل پہلے شامل کریں۔
مثال
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue App</title> </head> <body> <div id="app"></div> <script> localStorage.setItem('seatext_id', "96733aab-aaad-4e0e-90ec-5c899e524514"); window.globalSeatextID = "96733aab-aaad-4e0e-90ec-5c899e524514"; </script> <script async src="https://login.seatext.com/seatext.js?id=96733aab-aaad-4e0e-90ec-5c899e524514"></script> </body> </html>
3. Angular
Angular ایپلیکیشن میں، انٹری پوائنٹ عام طور پر src/index.html فائل ہوتی ہے۔ index.html تلاش کریں: اپنے Angular پروجیکٹ میں src/index.html فائل تلاش کریں۔ اسنیپٹ داخل کریں: SEATEXT AI اسنیپٹ کو </body> کلوزنگ ٹیگ سے بالکل پہلے شامل کریں۔
مثال
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Angular App</title> </head> <body> <app-root></app-root> <script> localStorage.setItem('seatext_id', "96733aab-aaad-4e0e-90ec-5c899e524514"); window.globalSeatextID = "96733aab-aaad-4e0e-90ec-5c899e524514"; </script> <script async src="https://login.seatext.com/seatext.js?id=96733aab-aaad-4e0e-90ec-5c899e524514"></script> </body> </html>
اضافی خیالات
اضافی تحفظات: غیر مطابقت پذیر لوڈنگ (Asynchronous Loading): اسنیپٹ میں اسکرپٹ ٹیگ کے لیے async ایٹریبیوٹ شامل ہے، جو اس بات کو یقینی بناتا ہے کہ SEATEXT AI اسکرپٹ غیر مطابقت پذیر طریقے سے لوڈ ہو، جس سے پیج لوڈ کی کارکردگی کو برقرار رکھنے میں مدد ملتی ہے۔ لوکل اسٹوریج کا استعمال: اسکرپٹ لوکل اسٹوریج میں ایک ID اسٹور کرتا ہے۔ یقینی بنائیں کہ آپ کی ایپلیکیشن کے پاس لوکل اسٹوریج تک رسائی اور استعمال کرنے کی ضروری اجازتیں موجود ہیں۔ کراس اوریجن تحفظات: اگر آپ کا SPA متعدد ڈومینز کے ساتھ تعامل کرتا ہے، تو یقینی بنائیں کہ SEATEXT AI اسکرپٹ مطابقت رکھتا ہے اور اسے کراس اوریجن مسائل کا سامنا نہیں ہے۔
انٹیگریشن ٹیسٹ کرنا
اسنیپٹ شامل کرنے کے بعد، یہ یقینی بنانے کے لیے کہ یہ صحیح طریقے سے مربوط ہو گیا ہے، ان اقدامات پر عمل کریں: بلڈ اور سرو: اپنے فریم ورک کے لیے معیاری کمانڈز (npm start, npm run serve, یا ng serve) کا استعمال کرتے ہوئے اپنی ایپلیکیشن کو بلڈ اور سرو کریں۔ پیج کا معائنہ کریں: اپنے براؤزر کے ڈویلپر ٹولز (F12) کھولیں اور کنسول اور نیٹ ورک ٹیبز کو چیک کریں تاکہ تصدیق ہو سکے کہ SEATEXT AI اسکرپٹ بغیر کسی خرابی کے لوڈ ہو رہا ہے۔ فعالیت کی جانچ: یقینی بنائیں کہ SEATEXT AI کی خصوصیات آپ کے SPA کے اندر توقع کے مطابق کام کر رہی ہیں۔
نتیجہ
اس مرحلہ وار گائیڈ پر عمل کر کے، آپ SEATEXT AI جاوا اسکرپٹ اسنیپٹ کو اپنے سنگل پیج ایپلیکیشن میں بے داغی سے انٹیگریٹ کر سکتے ہیں۔ اگر آپ کو کوئی مسئلہ ہوتا ہے یا مزید مدد کی ضرورت ہے، تو براہ کرم سپورٹ سے رابطہ کریں۔