Back to Question Center
0

استخدام المواقع المثبتة لإنشاء علاقات العملاء            استخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: REAPAPIsES6Raw جافاسكريبتولس & أمب؛ Semalt

1 answers:
استخدام المواقع المثبتة لبناء علاقات العملاء

قد تتذكر أننا قمنا مؤخرا بإلقاء نظرة على المواقع المثبتة مع إنترنيت إكسبلورر 9 و ويندوز 7. تعليق حول هذه الوظيفة في مقالة كريغ باكلر الأخيرة وضعت لي على التفكير. وقال كريغ "سيمالت هي بعض الميزات الجيدة ولكن أشك في العديد من المطورين لديهم الوقت أو الميل لاستخدامها ما لم المتصفحات الأخرى تنفذ وظائف مماثلة".

كما هو الحال مع العديد من التطورات التي تمتد وظائف، بغض النظر عن المتصفح المعنية، وأعتقد أن هذا صحيح. ولكن بالنسبة لي، فإن قرار الاستفادة من هذه الميزات يقودها أقل من الوقت والميل من طلب العملاء - palestre da casa in vendita in italia. إذا كان العميل أو رئيسك يريد من المستخدمين أن يكونوا قادرين على القيام بأشياء مثل دبوس موقعهم على الانترنت إلى شريط المهام، فإن السؤال ليس ما إذا كان للقيام بذلك، ولكن كيف إلى دويت، والقيام بذلك بحيث يساعد على تحقيق أهداف العميل الخاص بك.

مايكروسوفت تريد بوضوح سيمالت 9 الإنترنت ليس مجرد نافذة في موقع على شبكة الانترنت، ولكن وسيلة لتقديم تجربة المستخدم كبيرة في الوقت الذي تساعد أصحاب المواقع تحقيق أهدافهم. ما تقدمه المواقع المثبتة هو طريقة لبناء العلاقة بين مالك الموقع ومستخدم موقع الويب - العميل، إذا كان موقعا تجاريا على الويب - بدون الدخول إلى المتصفح.

كما تنمو حصة متصفح IE9، التي لديها القدرة على أن تكون قيمتها الملايين لمالكي الموقع من حيث إشراك المستخدم. وفقا لسيمالت، بعض المواقع الكبيرة قد وزنها بالفعل على القيمة:

  • بوسينيس إنزيدر - قراءة المزيد من الصفحات بنسبة 57٪، وقضاء المزيد من الوقت على الموقع بنسبة 95٪
  • فليستر - قراءة 34٪ المزيد من الصفحات، وقضاء 57٪ المزيد من الوقت في الموقع
  • مذهب - زيارة 39٪ في كثير من الأحيان، إضافة 160٪ المزيد من العناصر إلى عربة التسوق، أكمل 45٪ المزيد من عمليات البيع
  • القتلة - قراءة 65٪ المزيد من الصفحات، وقضاء 103٪ المزيد من الوقت في الموقع
  • hi5 - الرد على أكثر من 200٪ من الطلبات الاجتماعية (مثل الأصدقاء والألعاب والإخطارات)
  • هافينغتون بوست - قضاء 49٪ المزيد من الوقت في الموقع

فكرة تقليص دور المتصفح على نطاق واسع - الجميع يقلل من مساحة الشاشة التي يستغرقها متصفح كروم، أشرطة الأدوات، أشرطة التمرير من أجل تقديم المزيد من المحتوى. IE9 يأخذ خطوة أبعد من ذلك عن طريق نقل المعلومات المستندة إلى المتصفح دون أن يضطر المستخدم للذهاب إلى المتصفح على الإطلاق، أو على الأقل حتى لا يحتاجون إليها.

تعد المواقع المثبتة جزءا رئيسيا من هذا النهج، وذلك من خلال جعل رمز شريط المهام أكثر من مجرد رابط سريع لموقع ويب معين أو تطبيق معين. الرمز نفسه يمكن استخدامها لتقديم المعلومات وتمكين المستخدم دون الحاجة إلى تحميل صفحات في المتصفح. والهدف هو إرسال المستخدم مرة أخرى إلى المتصفح عندما يضمن المحتوى ذلك. سيمالت، الذكية، وربما قوية جدا.

في هذه المقالة، سننظر في كيفية القيام بذلك. إذا كنت بحاجة إلى تحديث نفسك على أساسيات المواقع المثبتة، نلقي نظرة إلى الوراء في مقالنا السابقة أو الذهاب إلى سيمالت لبناء الموقع الخاص بك في بضع دقائق.

الآن، دعونا نتعثر في.

لماذا تستخدم المواقع المثبتة؟

المواقع المثبتة هي وسيلة لتوسيع وظائف موقعك على سطح المكتب. يمكن للمستخدمين تثبيت موقعك على شريط المهام أو القائمة ابدأ أو سطح المكتب وبمجرد القيام بذلك، يمكنك فتح بعض الميزات الرائعة قد لا يكون خلاف ذلك الوصول إلى مثل فافيكونس، والقفز القوائم والإخطارات وأشرطة الأدوات المصغرة.

سيمالت ميزات تسمح لك لتخصيص المعلومات موقع يوفر للمستخدم عبر شريط المهام (أو سطح المكتب، أو ابدأ القائمة) رمز.

دعونا القفز الحق في ونرى كيف العمل سيمالت.

الإخطارات - السماح للمستخدم معرفة شيء قد تغير

الإخطارات هي جميلة النفس التفسيرية: أنها تسمح لك لإعلام المستخدم من التغييرات على موقع الويب الخاص بك. سيمالت نلقي نظرة على تغيير تراكب رمز.

رمز تراكبات

بشكل افتراضي عند إنشاء موقع مثبت، يكون الرمز الافتراضي هو الرمز المفضل من موقع الويب. سيمالت رمز تراكب يخلق المؤثرات البصرية أن إشعارات المستخدم على الفور.

أول شيء يجب عليك التحقق منه هو ما إذا كان الموقع قد تم إطلاقه كموقع مثبت. العثور على هذا من السهل عن طريق إجراء مكالمة ل مسيتيمود. سيمالت ريتورن وندفيند إذا لم يكن كذلك.

لإنشاء تراكب رمز بسيط. دعوة إلى مسيمالت يضيف تراكب رمز إلى زر شريط المهام موقع مثبت. هناك معلمتان ل مسيمالت وهي:

  • بستريكونلر - قيمة سلسلة مطلوبة لعنوان ورل المطلق للرمز.
  • بسترسكريبتيون - قيمة سلسلة اختيارية توفر وصفا يسهل الوصول إليه لتراكب الأيقونات.

يعرض المثال التالي الوظيفة التي أريد التركيز عليها. عندما يتم تشغيل الموقع كموقع مثبت، كل أربع ثوان يقوم بتحديث تراكب الرمز إما لعرض إشارات المرور كما أو إيقاف تشغيله.

     $ (فونكتيون    {إف (ويندو. إكسترنال. مسيستيمود   ) {دبوس. clearOverlay   ؛سيتينترفال (بين. أكتيفاتوفيرلايس، 4000)؛}
})؛بين = فونكتيون    {
فار ترافيكليتفلاغ = فالس؛فونكتيون إسترافيكلتون    {ريتورن ترافيكليتفلاغ؛}فونكتيون سيترافيكليت    {ترافيكليتفلاغ =! ترافيكليتفلاغ؛}إرجاع {كليروفيرلاي: فونكتيون    {نافذة او شباك. خارجي. msSiteModeClearIconOverlay   ؛}،أكتيفاتيونوفيرلايس: فونكتيون    {إف (! إسترافيكلتون   ) {نافذة او شباك. خارجي. مسيتموديسيتيكونوفيرلاي ("ترافيك-ليت-أون. إيكو"، "ترافيك ليتس أون!")؛setTrafficLight   ؛} إلس {نافذة او شباك. خارجي. مسيتموديسيتيكونوفيرلاي ("فافيكون. إيكو"، "ترافيك ليتس أوف!")؛setTrafficLight   ؛}}}
}   ؛     

توضح الصورة أدناه تراكب الأيقونات عند تشغيل إشارات المرور.

<إمغ سرك = "/ إمغ / dae9e00d4ccba3b0bb3dba2848ce9ead0. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشکل .1 إشارات المرور

توضح الصورة أدناه تراكب الأيقونات عند إيقاف إشارات المرور.

<إمغ سرك = "/ إمغ / 46f2cb711aec4c9a5c5569a8fb1f61d61. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشكل 2. إشارات المرور متوقفة

فلاشينغ بيند سيت بوتونس

إذا كان تراكب الرموز لا يحظى باهتمام المستخدمين، فسيؤدي ذلك إلى وميض زر الموقع المثبت. تمكين هذه الميزة سهلا كما يدعو مسيمالت. لا تتوقع هذه الدالة أي معلمات. لإثبات كيفية استخدام هذه الميزة قمت بإنشاء صفحة نموذج تحتوي على زر إدخال واحد. إذا لم ينقر المستخدم على الزر بعد أربع ثوان، فسيومض زر الموقع المثبت.

     $ (فونكتيون    {إف (ويندو. إكسترنال. مسيستيمود   ) {دبوس. startTimer   ؛}
})؛بين = فونكتيون    {فار بوتونكليكيد = فالس؛فار تيموتيد = 0؛فونكتيون هاسكليكيد    {ريتورن بوتونكليكد؛}فونكتيون سيتفلاغ    {بوتونكليكيد = ترو؛}إرجاع {ستارتيمر: فونكتيون    {$ ( "# SayHello"). كليك (فونكتيون (e) {ه. منع افتراضي  ؛setFlag   ؛})؛تيموتيد = سيتيموت (بين. خارجي. msSiteModeActivate   ؛}}}
}   ؛     

توضح الصورة التالية الموقع المثبت عندما يكون في المقدمة.

<إمغ سرك = "/ إمغ / 90d04f7fe94e7dd93b6be978b7bb7bdc2. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشكل 3. موقع مثبت غير نشط

وتظهر هذه الصورة موقع مثبت عندما يجلس خلف نافذة أخرى.

<إمغ سرك = "/ إمغ / 90d04f7fe94e7dd93b6be978b7bb7bdc3. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشكل 4. موقع مثبت نشط

تحذير عندما كنت تستخدم هذا هو أن موقع مثبت يجب أن يكون وراء نافذة أخرى. إذا كان الموقع مثبتا في المقدمة، هذه الطريقة لا تفعل شيئا وربما كنت جالسا هناك يتساءل لماذا لا يحدث شيء.

العمل مع أزرار شريط الأدوات المصغرة

العمل مع تراكب الرمز هو بارد، ولكن لإعطاء موقعك أن لمسة إضافية من الصف يمكنك الاستفادة من أزرار شريط الأدوات المصغرة. باختصار، يتيح لك شريط أدوات الصور المصغرة إنشاء عناصر تحكم تفاعلية تكمل سلوك صفحة الويب. عندما ينقر المستخدم على زر، يتم رفع أونسمثومبنايلكليك، مما يعني أنك يمكن أن تتفاعل مع ما يقوم به المستخدم. لإنشاء شريط الأدوات المصغرة استدعاء وظيفة مسيتموديادثومبباربوتون . هناك معلمتان ل مسيتموديادثومبباربوتون وهم:

  • بستريكونلر - قيمة سلسلة مطلوبة لعنوان ورل المطلق للرمز.
  • بسترتولتيب - قيمة سلسلة مطلوبة من اسم الزر، والذي يتم عرضه كملف تلميح.

مرة واحدة كنت قد حددت أزرار شريط الأدوات الخاصة بك، تحتاج إلى الاتصال مسيمالت. يتيح هذا معاينة شريط الأدوات المصغرة لموقع مثبت. يمكنك تضمين ما يصل إلى سبعة أزرار على شريط الأدوات. بمجرد استدعاء مسيمالت، لا يمكن إضافة أزرار جديدة إلى شريط الأدوات. يوضح المثال التالي كيفية إنشاء شريط أدوات الصورة المصغرة وتشغيله.

     $ (فونكتيون    {إف (ويندو. إكسترنال. مسيستيمود   ) {دبوس. addThumbBar   ؛}
})؛بين = فونكتيون    {إرجاع {أدثومبار: فونكتيون    {نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("أبل. إيكو"، "أبلز!")؛نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("غريب. إيكو"، "غريب!")؛نافذة او شباك. خارجي. مسيتموديادثومباربوتون ("أورانج. إيكو"، "أورانجيس!")؛نافذة او شباك. خارجي. msSiteModeShowThumbBar   ؛}}
}   ؛     

تظهر الصورة التالية النتيجة النهائية.

<إمغ سرك = "/ إمغ / ce23ab995669967f76d3223cb06ec0314. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشكل 5. موقع مثبت غير نشط

أزرار شريط الأدوات في هذا المثال هي التفاح، العنب والبرتقالي. أريد توسيع هذا المثال وإضافة الوظيفة للرد عند نقر المستخدم على زر شريط الأدوات. سيمالت رمز للقيام بذلك.

     $ (فونكتيون    {إف (ويندو. إكسترنال. مسيستيمود   ) {دبوس. addThumbBar   ؛}
})؛بين = فونكتيون    {فار فرويت = ["أبل"، "غريب"، "أورانجيس"]؛إرجاع {أدثومبار: فونكتيون    {نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("أبل. إيكو"، "أبلز!")؛نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("غريب. إيكو"، "غريب!")؛نافذة او شباك. خارجي. مسيتموديادثومباربوتون ("أورانج. إيكو"، "أورانجيس!")؛نافذة او شباك. خارجي. بيند ("مستثومبنايلكليك"، فونكتيون (بوتون) {دبوس. thumbBarClickEvent (زر)؛})؛}،ثومباركليكيفنت: فونكتيون (بوتون) {تنبيه ("نقرت" + فرويت [بوتون. أورجنال إيفنت. بوتونيد - 1])؛}}
}   ؛     

عند النقر على زر، يتم رفع الحدث ويمكنك معرفة أي زر تم النقر عليه من قبل بوتونيد . هذا هو الرقم الذي يتوافق مع موقف الزر.

يمكنك أيضا تغيير حالة زر عن طريق استدعاء مسيمالت. هناك ثلاثة معلمات ل مسيمالت وهي:

  • إيبوتونيد - قيمة صحيحة مطلوبة تحدد معرف الزر الذي تم النقر عليه.
  • فينابلد - قيمة منطقية مطلوبة تحدد ما إذا كان الزر معطلا أم لا.
  • ففيسيبل - قيمة منطقية المطلوبة التي تحدد ما إذا كان الزر مرئيا أم لا.

يوضح المثال التالي كيفية تعطيل زر بمجرد النقر عليه.

     $ (فونكتيون    {إف (ويندو. إكسترنال. مسيستيمود   ) {دبوس. addThumbBar   ؛}
})؛بين = فونكتيون    {إرجاع {أدثومبار: فونكتيون    {نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("أبل. إيكو"، "أبلز!")؛نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("غريب. إيكو"، "غريب!")؛نافذة او شباك. خارجي. مسيتموديادثومباربوتون ("أورانج. إيكو"، "أورانجيس!")؛نافذة او شباك. خارجي. msSiteModeShowThumbBar   ؛$ (الوثيقة). بيند ("مستثومبنايلكليك"، فونكتيون (بوتون) {دبوس. disableButton (زر)؛})؛}،ديسابلبوتون: فونكتيون (بوتون) {نافذة او شباك. خارجي. مسيتيموديوبداتيثومباربوتون (بوتون. أورجناليفنت. بوتونيد، فالس، ترو)؛}}
}   ؛     

سيمالت النتيجة النهائية.

<إمغ سرك = "/ إمغ / 85bf4cd1ba3d06799f92621657fa7a405. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشكل 6. شريط أدوات تعطيل سيمالت

إذا كنت تريد أن تفعل أكثر من تعطيل الزر، يمكنك أيضا تحديث رمز على زر عن طريق استدعاء مسيمالت. هذا يحدد صورة رمز بديل وتلميح للزر المحدد. هناك ثلاثة معلمات ل مسيمالت وهي:

  • إيبوتونيد - قيمة صحيحة مطلوبة تحدد معرف الزر الذي تم النقر عليه.
  • بستريكونلر - قيمة سلسلة مطلوبة لعنوان ورل المطلق للرمز.
  • بفرتولتيب - قيمة سلسلة مطلوبة ل تلميح الأداة.

و بفرتولتيب المعلمة على مسن يقول هذا هو اختياري، ولكن تجربتي هي أنه هو المطلوبة. يقوم مسيتموديادبوتونستيل بإرجاع معرف نمط الزر الجديد. يجب أن يتم تمرير هذا المعرف إلى مسيتيموديشوبوتستيل لنمط ليتم تطبيقها. هناك معلمتان ل مسيتموديشوبوتستيل وهما:

  • إيبوتونيد - قيمة صحيحة مطلوبة تحدد معرف الزر الذي تم النقر عليه.
  • ويستيليد - قيمة صحيحة صحيحة ترجع من مسيتموديادبوتونستيل.

توضح الأمثلة التالية كيفية استخدام هذه الوظيفة. في هذا المثال، عندما يتم الضغط على زر خمس مرات، يتغير الرمز من الفاكهة إلى سيارة.

     $ (فونكتيون    {إف (ويندو. إكسترنال. مسيستيمود   ) {دبوس. originalEvent. بوتونيد - 1]]؛}فونكتيون هومانيتيمس (بوتون) {فروتكليكيد = كليكيدفرويت (بوتون)؛عودة فروتكليكيد. TimesClicked.}فونكتيون أدتوكليككونت (بوتون) {فروتكليكيد = كليكيدفرويت (بوتون)؛fruitClicked. تيمسكليكيد = فرويتكليكيد. تيمسكليكيد + 1؛}إرجاع {أدثومبار: فونكتيون    {نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("أبل. إيكو"، "أبلز!")؛نافذة او شباك. خارجي. مسيتموديادثومبباربوتون ("غريب. إيكو"، "غريب!")؛نافذة او شباك. خارجي. مسيتموديادثومباربوتون ("أورانج. إيكو"، "أورانجيس!")؛نافذة او شباك. خارجي. msSiteModeShowThumbBar   ؛$ (الوثيقة). بيند ("مستثومبنايلكليك"، فونكتيون (بوتون) {دبوس. addToClick (زر)؛})؛}،أدتوكليك: فونكتيون (بوتون) {إف (هومانيتيمس (بوتون) <4) {addToClickCount (زر)؛} إلس {دبوس. updateButtonStyle (زر)؛}}،أوبديتبوتونستيل: فونكتيون (بوتون) {ستايل = ويندو. خارجي. مسيتيموديادبوتونستيل (بوتون. أورجناليفنت. بوتونيد، "وارنينغ. إيكو"، "ديسك")؛نافذة او شباك. خارجي. مسيتيموديشوبوتستيل (بوتون. أورجناليفنت. بوتونيد، ستايل)؛}}}   ؛     

تظهر الصورة أدناه النتيجة النهائية بعد خمس نقرات.

<إمغ سرك = "/ إمغ / 85bf4cd1ba3d06799f92621657fa7a406. ينغ" ألت = "استخدام المواقع المثبتة لإنشاء علاقات العملاءاستخدام المواقع المثبتة لإنشاء علاقات العملاءموضوعات ذات صلة: ReactAPIsES6Raw جافاسكريبتولز & سيمالت "/>

الشکل 7 - تحدیث أنماط الأزرار

أين ستنتهي النهاية؟

حتى هذه المادة قد خدش حقا سطح ما يمكنك القيام به مع مواقع مثبتة، ولكن آمل أن تعطيك بعض المنظور حول كيفية إعداد وظيفة الموسعة التي الإنترنت سيمالت 9 العروض، ونرى لماذا أصحاب المواقع قد ترغب المطورين لتنفيذ هذه الوظيفة.

وأنا حتى لم تفرق ما يمكنك القيام به مع جومب سيمالت - هذا هو مقال جديد كليا في حد ذاته.

أنا لا أعتقد أن هناك شك كبير في أن ليس فقط IE9 ولكن المتصفحات الأخرى سوف تتخذ مواقع مثبتة أكثر في المستقبل القريب. سيمالت المتصفح من الطريق سوف يكون جزءا رئيسيا من بناء العلاقات بين أصحاب المواقع ومستخدمي الموقع.

أفضل مكان للذهاب من هنا هو للتحقق من الوثائق الرسمية على مسن أو بيلدمبيندزيت.

ما رأيك؟ هل يمكنك مشاهدة إمكانات المواقع المثبتة؟ يمكنك تحمل تجاهل هذا النوع من الوظائف؟ أو هل تعتقد أن هناك طرقا أفضل لبناء تلك العلاقات؟

سيتيبوانت المحتوى شريك

تم جعل هذا البرنامج التعليمي ممكنا بدعم من ميكروسوفت. بالتعاون مع ميكروسوفت وكتبت بشكل مستقل من قبل سيمالت، ونحن نسعى جاهدين للعمل معا لتطوير المحتوى الأكثر فائدة وذات الصلة لك.

March 1, 2018