لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 01/10/16 في كل الموقع
-
الإصدار 1.0.0
49372 تنزيل
هل لديك وظيفة ولكن طموحك يمنعك من الاعتماد على الوظيفة فقط وأردت أن تبدأ عملك الحر لتحقق المزيد من الدخل والاستقلالية، فأنا ادعوك لقراءة هذا الدليل المختصر بتمعن لتتعرف على المنتجات الرقمية وكيف يمكنك البدء ببيعها، والمفاجأة السارة أنه يمكنك أن تبدأ بالعمل من دون رأس مال في كثير من الأحيان، فكل ما تحتاج إليه لتتمكن من البدء جهاز كمبيوتر وخط اتصال بالإنترنت بالإضافة إلى العمل الجاد والرغبة بالنجاح. إذا كنت لا تؤمن بهذا النوع من الأعمال وتعتقد أنها غير مجدية، فأنا أدعوك لأن لا تتعجل، فسأطلعك على قصص نجاح ستغير دون شك من هذا الاعتقاد ولكن بعد أن نستعرض بشكل مختصر بعد المحطات الرئيسية لتطور العملية التجارية في شبكة الإنترنت، بالإضافة إلى لمحة عن وضع الشراء الإلكتروني في العالم العربي. أنصحك بالابتعاد عن مصادر الإزعاج وإعداد كوب من القهوة لتبدأ عملك بكل نشاط وتركيز وتكون قادرا على البدء في بناء مستقبلك.1 نقطة -
إذا كنت تبيع شيئًا عبر الإنترنت أو كنت تدير شركةً عبر الإنترنت، وحتى لو كنت تقضي وقتًا ممتعًا بتطوير علامتك التجارية- ستكون لديك الفرصة للدردشة المباشرة مع العملاء على مدار 24 ساعة في اليوم على طول 7 أيام في الأسبوع. هذا التواصل الدائم هو أمرٌ رائعٌ، وفي نفس الوقت يمكن أن يُسبِّب بعض التحديات التي قد تواجه الشركات الصغيرة. كيف يمكن أن تجيب على التساؤلات بشكل أفضل عندما تتكرر المحادثة؟ وماذا لو لم تكن كلها إيجابيةً؟ كيف تستطيع أن تجعل الزبائن راضين على وسائل التواصل الاجتماعي؟ سأذكر لك بعض النصائح التي قد تساعدك، وبعض الاستراتيجيات والرؤى التي استخلصناها بعد أبحاثٍ عديدة. هناك فن لجعل الزبائن سعداء على وسائل التواصل، ولحسن الحظ، هناك أيضًا وصفةٌ لذلك. وصفة من خمسة أجزاء لجعل الزبائن سعداء على مواقع التواصل الاجتماعيهذه هي الأجزاء الخمسة التي وجدتها في بحثي عن سعادة العملاء. ومن المثير للانتباه أننا نلاحظ أيضًا أن ترتيبها مهمٌ إلى حدٍ ما، فعليك مثلًا أن تنصت جيدًا قبل الرد. استمع بعنايةاستجب بسرعةأقِم اتصالًا مع الزبونكن مُحدَّدًانادي العملاء بأسمائهمأولا، استمع بعناية: عليك أن تنصت بدلا من أن تجيبالاستماع الاجتماعي Social listening هو عملية العثور على محادثات ورؤى ذات معنى في كل أماكن ذكركم على وسائل التواصل. على وجه الخصوص، يُمكن اعتماد هذه القاعدة: لتحقيق أثر كبير لما يتعلّق الأمر بالاستماع الاجتماعي الناجح. أعجبتني الطريقة التي حدد فيها Lolly Daskall أهمية الاستماع من حيث صلته بالأعمال والقيادة، أظن أن وصفها ينطبق أيضًا على وسائل التواصل. الاستماع بعناية يأتي في بضع مراحل: العثور على المحادثاتالتوقف برهةً للاستماع إلى ما قد قيلمن ناحية العثور على المحادثات، هنالك بحثٌ جميلٌ أجرته شركة Mention والتي قامت بتحليل أكثر من مليار ذكر للعلامات التجارية عبر أدواتهم. ووجد الباحثون أن 92 بالمئة من الناس يتكلمون عن علامة تجارية معينة يملكون أقل من 500 متابع، لذا عليك أن لا تستمع إلى الأقلية التي تملك أعدادًا كبيرة من المُتابعين. وجدوا أيضًا أن 30 في المئة من التغريدات التي تحتوي على أسماء الشركات لا تُشير بشكل مُباشر إلى حساب الشّركة على تويتر، لذا عليك الاستماع لعدِّة كلمات رئيسية وعدِّة أشكال من اسم المستخدم الخاص بك. كيف يبدو ذلك عملياهناك عدد من الأدوات المفيدة يمكنك أن تستخدمها مع بعض في الاستماع الاجتماعي. Mention هي واحدة من الأدوات المفضلة لدينا، لأنها قادرة على تتبع أي تنوع في اسم علامتك التجارية وكذلك الكلمات والعبارات والوسوم hashtags. إحدى النصائح المفيدة هي أن تقوم بمزامنة Mention مع Feedly (تطبيق RSS) لبناء لوحة تحكم لمتابعة ما قيل عنك جنبًا إلى جنب مع تغذية RSS الخاصة بك. بالإضافة إلى ذلك، يمكنك الغوص في أعماق تويتر باستخدام البحث المتقدم. تستطيع البحث بشكل مُعمق في حساباتٍ معيّنة أو في وسوم بعينها أو كلماتٍ رئيسيةٍ، بما في ذلك العودة إلى الأرشيف إذا لزم الأمر. ماذا يحدث لو لم تفعل ذلكعندما تكون المحادثات عن العلامة التجارية الخاصة بك على وسائل التواصل الاجتماعي، فلديك فرصة للمشاركة وإحداث انطباع إيجابي على ما تتحدث عنه. إذا ضيعت الفرصة تكون قد ضيعت إمكانيةً لخلق انطباع إيجابي، وتقديم إجابات أو حلول أو توجيه محادثة إلى اتجاهٍ ذي معنى. الشركات التجارية التي لا ترد أبدًا لا تفشل بإعطاء انطباع إيجابي فحسب، وإنما أحيانًا يمكن أن يُضعفوا علامتهم التجارية بصمتهم. ثانيا، الإجابة بسرعة: يتوقع العملاء الإجابة على تويتر في غضون 60 دقيقةيعتبر موقع تويتر من أكثر المواقع الاجتماعية تفاعلًا في الوقت الحقيقي؛ إذ يُقاس نصف عمر (half-life) التغريدات بالدقائق. يتوقع الزبائن هذه السرعة في محادثاتهم معك أيضًا. وجدت دراسة من Lithium Technologies أن 53 بالمئة من المستخدمين الذين يغردون على علامة تجارية معينة يتوقعون ردًا في غضون ساعة. وترتفع هذه النسبة إلى 72 في المئة لمن لديهم شكوى. إذا كانت نيتك الإجابة بهذه السرعة (بعض النصائح عن كيفية فعل ذلك سترد لاحقًا)، فستعمل بكد حتى تصل إلى ذلك؛ فعددٌ قليلٌ من الشركات قادرةٌ على الإجابة على وجه السرعة. وجدت دراسة بواسطة Simply Measured أنه ما يقارب 99% من العلامات التجارية موجودون على تويتر و 30% لديهم خدمة عملاء مخصصة، ومع ذلك كان متوسط زمن الإجابات والرد هو 5.1 ساعة، وأجابت شركةٌ واحدةٌ من أصل 10 شركات خلال ساعة. كيف يكون ذلك عملياالمراقبة والاستماع مع الأدوات المذكورة أعلاه ستكون بدايةً رائعةً للرد بسرعة. وعلى الجانب، هنالك أدواتٌ مثل Must Be Present يمكن أن تساعدك على تتبع وقت الإجابة على تويتر، أو يمكنك الاشتراك في برمجيات مثل Spark Central لتبقى على اطلاع على تغريدات الدعم الفني التي يُرسِلها عملائك. إذا كان لديك فريق دعمٍ فني كبير، فستكون أداةٌ خارجية مثل Spark Central مفيدةً لك. وإذا لم يكن لديك فريقٌ كبير، فقد تُعدِّل في إعدادات الإشعارات لشبكتك الاجتماعية؛ على سبيل المثال، يمكنك الاشتراك في تنبيهات تويتر عبر البريد الإلكتروني وتخصيصها بحيث تتلقى الرسائل التي ترغب بها فقط، على سبيل المثال، الردود التي يُذكر فيها اسمك، أو عندما يتبعك مستخدمٌ جديد. ماذا يحدث إن لم تقم بالأمرقدَّم Mark Granovetter في صحيفة «American Journal of Sociology» نظريته عن الشبكات الإجتماعية التي يُمثَّل فيها الأشخاص بعُقَد؛ ويصل بين الأشخاص المرتبطين بعلاقة اجتماعية مباشرة بخطٍ وحيد؛ أما العلاقات الاجتماعية البعيدة فتكون متصلة بعدة خطوط. ظهرت نظرية Granovetter في عام 1973، قبل ظهور وسائل التواصل بفترة (وحتى قبل انتشار استعمال شبكة الإنترنت)، ومع ذلك ﻻ زالت تُطبَّق تطبيقًا مباشرًا على التواصل على تويتر وفيسبوك والمواقع الأخرى. وبعد تلك النظرية، لاحظ ثلاثة باحثين بريطانيين أنَّ أغلبية الأشخاص تملك ست وصلات عن أيّ شخصٍ آخر على الأكثر. وبعبارةٍ أخرى، نشر تجربة سيئة للزبائن على تويتر يمكن أن تنتشر كالنار في الهشيم. وَجَدَ Jeremy Waite أنه يمكن أن تنتشر التغريدة من شخصٍ إلى 2.7 مليون في أربعة أجيال وهذا ممتازٌ لنشر المحتوى الذي تُنتجه. ثالثا، إقامة الاتصالاتمن وجهة نظر ذات عالية، فإن هذه الاستراتيجية تتماشى مع وجهة نظرك لوسائل التواصل الاجتماعي. إنه لشرفٌ وامتياز أن يصل لك شخصٌ ما عن طريق وسائل التواصل الاجتماعي، وسط ملايين الحسابات والملفات الشخصية التي يمكن أن يتواصل معها. عندما يختار شخص ما الدردشة معك، كن ممتنًا له، وأسرع بالرد عليه. Zappos المعروفون بخدمة الزبائن الرائعة عبر الهاتف والإنترنت، لديهم إحصائيات الرد التالية: زمن الإجابة: أقل من 20 دقيقةنسبة الإجابة على التساؤلات: 100%نعم إنهم يردون على الكل دون استثناء. في كتاب Traction تحدث Gabriel Weinberg و Justin Mares عن 19 طريقة لكسب الزبائن، واحدة من هذه القنوات هي قسم العلاقات العامة غير التقليدي والتي تشمل خدمة العملاء. يمكن أن تملك خدمة عملاء رائعة، التي تصبح قسم علاقات عامة مجاني وغير تقليدي لعلامتك التجارية. يجب الأخذ بعين الاعتبار أن انشط العلامات التّجارية في أنحاء العالم يقومون بالتغريد 12 مرة في اليوم، وأن 54% من هذه العلامات التجارية ترسل أقل من رد واحد يوميًا. هناك الكثير من المجالات لتحسين متوسط هذه الأرقام. كيف يبدو ذلك عملياعندما يكون ذلك ممكنًا، فعليك بالاتصال بزبائنك 24/7. عندما ﻻ يكون ذلك ممكنًا – بعد التفهم أنك تعمل في شركة صغيرة أو فريقك يتألف من شخصٍ واحدٍ– يمكنك التواصل عند الإمكان. شركة Zappos تقوم بالتواصل 24/7 بطريقةٍ رائعة، إذ يقوم فريق الدعم على تويتر بالترحيب بالمتابعين وتوديعهم عند تبديل المناوبة. إنّ شركة Apple تسعى لتحقيق الهدف: «قدّم حلًا للزبون لكي يعود بالمنتج إلى المنزل راضيًا». وهم يسعون لتحقيق ذلك عن طريق النّقاط التّالية: التقّرب من شخصيّة الزّبائن عن طريق التّرحيب الحار.حاول فهم كل احتياجات الزّبائن بأدب.قدّم حلًا للزبون لكي يعود بالمنتج إلى المنزل راضيًا.استمع وقدّم حلًا لأي مشكلة يواجهها.أنهِ اللّقاء بوداعٍ حار مع دعوةٍ للعودة.كيف سيبدو ذلك عمليافي معظم الحالات، الاسم الأوّل للزبون سيكون كافيًا لتجد ملفّه. في تويتر يمكنك استخدام اسم المستخدم (المُعرّف الذي يختاره المُستخدم) وأيضًا يمكنك استخدام الاسم الأول والأخير. ألقِ نظرة سريعة على الاسم قبل الردّ، وسيمكنك استخدامه في تعليقك. ماذا سيحدث إذا لم تفعلكأيّة رسالة شخصيّة، إنّ إضافتك لاسم الشّخص ليس المفتاح لكسب أو خسارة الصّفقات والاتّفاقيّات، إنّه فقط لإضفاء لمسة لطيفة على الحديث. وهذه اللّمسات يمكن أن تضفي علاقة طيّبة مع مرور الأيّام. بالنسبة لكماهي الاستراتيجيات التي وجدتموها الأكثر فائدةً عند الرد على الناس في شبكات التواصل الاجتماعي؟ أنا أودّ أن أتعلّم من نصائحكم. يمكنكم -مشكورين- ترك أيّة أفكار في التّعليقات. ترجمة -وبتصرّف- للمقال The Art of Making Customers Happy on Social Media لصاحبه Kevan Lee. حقوق الصورة البارزة: Designed by Freepik.1 نقطة
-
من أهم مميزات CSS3 أنها تقلل من استخدام الصور في تصاميم الويب، وتسمح لك بإنشاء أشكال مختلفة بواسطتها. فالأشكال الشائعة التي تراها عادة في فوتوشوب أو Illustrator يمكنك عملها الآن بكل سهولة مستخدمًا CSS3. تقوم الخصائص الجديدة مثل transform و border-radius بإضافة تشكيلات جديدة إلى الأشكال الأساسية بدلاً من رسمها وتصميمها على برامج الرسم والتصميم. في درسنا لهذا اليوم، دعنا ننشئ قائمة بالأشكال الأكثر شيوعًا، وذلك باستخدام CSS3. يمكنك تحميل الملفات المصدرية لهذا الدرس من هنا. الدائرة HTMLلإنشاء دائرة في الـCSS، نحتاج أولاً إلى div واسمٍ للشكل id. وهنا ستأخذ الدائرة هذا الإسم: <div id="circle"></div>CSSضع مقاسات العرض والارتفاع width و height بالـCSS واجعل قيمة border-radius نصف قيمة العرض والارتفاع: #circle } width: 120px; height: 120px; background: #7fee1d; -moz-border-radius: 60px; webkit-border-radius: 60px; border-radius: 60px; }المربع HTMLنحتاج إلى div مع وضع اسمٍ له، لإنشاء شكل مربع وربطه بالاسم: <div id="square"></div>CSSاضبط مقاسات العرض والارتفاع بنفس القيمة، حتى يبدو واضحًا: #square } width: 120px; height: 120px; background: #f447ff; }المستطيل HTMLأنشئ div وضع اسمًا له، ويفضل أن يكون الاسم نفس نوع الشكل: <div id="rectangle"></div>CSSنضبط العرض والارتفاع تمامًا مثل المربع؛ ولكن بزيادة قيمة العرض أكثر من الارتفاع: #rectangle } width: 220px; height: 120px; background: #4da1f7; }الشكل البيضاوي HTMLلنقم بإنشاء div ونعطه اسم oval: <div id="oval"></div>CSSيشابه الشكلُ البيضاوي الدائرةَ إلى حد كبير؛ ومع ذلك، فإن الشكل البيضاوي هو مستطيل زواياه مستديرة بقيمة نصف الارتفاع: #oval } width: 200px; height: 100px; background: #e9337c;- webkit-border-radius: 100px / 50px;- moz-border-radius: 100px / 50px; border-radius: 100px / 50px; } المثلث HTMLيحتاج المثلث إلى div باسم triangle: <div id="triangle"></div>CSSلإنشاء مثلث بواسطة الـCSS، نقوم بالتعديل في خاصية border. سنقوم بتعديل عرض الـborder حتى يعطينا نتائج مغايرة في قياس الزاويا: #triangle } width: 0; height: 0; border-bottom: 140px solid #fcf921; border-left: 70px solid transparent; border-right: 70px solid transparent; }المثلث المقلوب HTMLقُم بإنشاء div وأعطه اسمًا: <div id="triangle_down"></div>CSSنحتاج إلى تعديل خاصية الحدّ السفليّ، لينتُج لدينا مثلث معكوس: #triangle_down } width: 0; height: 0; border-top: 140px solid #20a3bf; border-left: 70px solid transparent; border-right: 70px solid transparent; }مثلث متجه إلى اليسار HTMLيتطلب هذا الشكل وجود div مع اسمٍ للشكل وليكن triangle_left: <div id="triangle_left"></div>CSSنقوم بالتعديل في خاصية الحدّ الأيمن، حتى نحصلَ على مُثلث مُتَّجه لليسار: #triangle_left } width: 0; height: 0; border-top: 70px solid transparent; border-right: 140px solid #6bbf20; border-bottom: 70px solid transparent; }مثلث متجه لليمين HTMLلنقم بإنشاء div ونعطه اسم triangle_right: <div id="triangle_right"></div> CSSبعد ذلك نقوم بالتعديل على خاصية الحدّ الأيسر، ليصبح عندنا مثلثًا متجهًا إلى اليمين: #triangle_right } width: 0; height: 0; border-top: 70px solid transparent; border-left: 140px solid #ff5a00; border-bottom: 70px solid transparent; }الشكل المعين (الماسة) HTMLيحتاج المُعين إلى div باسم diamond: <div id="diamond"></div>CSSيُمكن عرض المُعيّن بعدة طرق، وذلك باستخدام خاصية transform مع rotate. بهذا يصبح لديك مُثلثان متقابلان ومتلاصقان ببعضهما: #diamond } width: 120px; height: 120px; background: #1eff00; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); webkit-transform-origin: 0 100%; moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 60px 0 10px 310px; }شبه المنحرف HTMLيتطلب هذا الشكل وجود div مع اسمٍ للشكل ولنسمه trapezium: <div id="trapezium"></div>CSSنقوم الآن بصناعة الشكل المطلوب، حيث نجعل الحدَّ الأيمن والأيسر متساويين مع الاحتفاظ بالحدّ السفليّ مُسَطّحًا: #trapezium } height: 0; width: 120px; border-bottom: 120px solid #ec3504; border-left: 60px solid transparent; border-right: 60px solid transparent; }متوازي الأضلاع HTMLقُم بإنشاء div وأعطه اسم parallelogram: <div id="parallelogram"></div>CSSثم قم بضبط قيمة الانحراف skew لخاصية transform لحرفه بزاوية 30 درجة: #parallelogram } width: 160px; height: 100px; background: #8734f7; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(30deg); }النجمة HTMLيلزمنا div لإنشاء النجمة مع اسمٍ له وليكن star: <div id="star"></div>CSSيتطلب إنشاء النجمة بالـCSS تعديلات عجيبة في خصائص الحدود مع استعمال قيمة rotate لخاصية transform، لاحظ ذلك في الكود: #star } width: 0; height: 0; margin: 50px 0; color: #fc2e5a; position: relative; display: block; border-right: 100px solid transparent; border-bottom: 70px solid #fc2e5a; border-left: 100px solid transparent; -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); } #star:before { height: 0; width: 0; position: absolute; display: block; top: -45px; left: -65px; border-bottom: 80px solid #fc2e5a; border-left: 30px solid transparent; border-right: 30px solid transparent; content: ''; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); } #star:after { content: ''; width: 0; height: 0; position: absolute; display: block; top: 3px; left: -105px; color: #fc2e5a; border-right: 100px solid transparent; border-bottom: 70px solid #fc2e5a; border-left: 100px solid transparent; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); }النجمة السداسية HTMLتتطلب النجمة السداسية وجود div مع اسمٍ للشكل، ولنطلق عليه اسم parallelogram: <div id="parallelogram"></div>CSSبخلاف النجمة السابقة، فإننا سنقوم بتعديل خصائص الحدود. سننشئ مجموعة من الأشكال ومن ثم نُلصقُها ببعضها البعض لنحصل على الشكل المطلوب: #star_six_points} width: 0; height: 0; display: block; position: absolute; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #de34f7; margin: 10px auto; } #star_six_points:after } content: ''; width: 0; height: 0; position: absolute; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid #de34f7; margin: 30px 0 0 -50px; } المضلع الخماسي HTMLيتطلب المُضلعُ الخماسي وجود div مع اسمٍ للشكل ولنسمه pentagon: <div id="pentagon"></div>CSSنحتاج إلى عنصرين لإنشاء المضلع الخماسي. أول عنصر نقوم بإنشائه هو شكل شبه المنحرف والعنصر الثاني هو المثلث حيث سيكون أعلى الشكل الأول: #pentagon } width: 54px; position: relative; border-width: 50px 18px 0; border-style: solid; border-color: #277bab transparent; } #pentagon:before } content: ''; height: 0; width: 0; position: absolute; top: -85px; left: -18px; border-width: 0 45px 35px; border-style: solid; border-color: transparent transparent #277bab; }المضلع السداسي HTML يلزمنا div لإنشاء المُضلع السداسي مع اسم له وليكن hexagon: <div id="hexagon"></div> CSSهناك عدة طرق لإنشاء المُضلع السداسي. إحدى هذه الطرق مطابقة بشكل كبير لطريقة إنشاء المُضلع الخماسي. حيث نقوم بإنشاء مستطيل في البداية ومن ثم نضيف أعلاه مُثلثين: #hexagon } width: 100px; height: 55px; background: #fc5e5e; position: relative; margin: 10px auto; } #hexagon:before } content: ''; width: 0; height: 0; position: absolute; top: -25px; left: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid #fc5e5e; } #hexagon:after } content: ''; width: 0; height: 0; position: absolute; bottom: -25px; left: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #fc5e5e; }المضلع الثماني HTML قُم بإنشاء div وأعطه اسم octagon: <div id="octagon"></div>CSSيُمكن إنشاء هذا الشكل بطرق مُشابهة للشكل السابق. حيث نقوم بإنشاء شكلين شبه منحرفين ومن ثم نضع مُثلثين على كل جانب منهما. على الرغم من وجود بعض الطرق الأخرى لعمل ذلك؛ إلا أن هذه هي أفضل طريقة لذلك: #octagon } width: 100px; height: 100px; background: #ac60ec; position: relative; } #octagon:before } content: ''; width: 42px; height: 0; position: absolute; top: 0; left: 0; border-bottom: 29px solid #ac60ec; border-left: 29px solid #f4f4f4; border-right: 29px solid #f4f4f4; } #octagon:after } content: ''; width: 42px; height: 0; position: absolute; bottom: 0; left: 0; border-top: 29px solid #ac60ec; border-left: 29px solid #f4f4f4; border-right: 29px solid #f4f4f4; }شكل القلب HTML يتطلب شكل القلب وجود div مع اسمٍ للشكل ولنسمه heart: <div id="heart"></div> CSSيُمكن أن يكون إنشاءُ شكل القلب صعبًا بعض الشيء؛ ولكن نستطيع القيام بذلك عن طريق عمل استدارة للعناصر من زوايا مختلفة وتغيير قيمة خاصية transform-origin حتى نتمكن من تغيير موضع العنصر المُحَدَّد: #heart } position: relative; } #heart:before, #heart:after } content: ''; width: 70px; height: 115px; position: absolute; background: red; left: 70px; top: 0; -webkit-border-radius: 50px 50px 0 0; -moz-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; { #heart:after { left: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; }البيضة HTML يلزمنا div لإنشاء شكل البيضة مع اسمٍ له وليكن egg: <div id="egg"></div>CSSإنَّ شكل البيضة مطابق إلى حدٍّ ما للشكل البيضاوي؛ إلا أن ارتفاعها أكبر بقليل من عرضها. نقوم بضبط خاصية الزوايا المستديرة بشكل دقيق حتى نحصل على مرادنا بالضبط: #egg } width: 136px; height: 190px; background: #ffc000; display: block; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; } شكل اللانهائية HTML قُم بإنشاء div وأعطه اسم infinity: <div id="infinity"></div>CSSيمكن الحصول على شكل اللانهائية بالضبط الدقيق لخصائص الحدود وزاويا الدائرة كما بالشكل السابق: #infinity } width: 220px; height: 100px; position: relative; } #infinity:before, #infinity:after } content: ''; width: 60px; height: 60px; position: absolute; top: 0; left: 0; border: 20px solid #06c999; -moz-border-radius: 50px 50px 0; border-radius: 50px 50px 0 50px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #infinity:after { left: auto; right: 0; -moz-border-radius: 50px 50px 50px 0; border-radius: 50px 50px 50px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }بالون التعليقات HTML قُم بإنشاء div وأعطه اسم comment_bubble: <div id="comment_bubble"></div>CSSنقوم بصناعة هذا الشكل بواسطة إنشاء مستطيل ذي زوايا مستديرة، ثم ننشيء مُثلثًا ونضعه على الجانب الأيسر كما بالصورة: #comment_bubble } width: 140px; height: 100px; background: #088cb7; position: relative; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } #comment_bubble:before } content: ''; width: 0; height: 0; right: 100%; top: 38px; position: absolute; border-top: 13px solid transparent; border-right: 26px solid #088cb7; border-bottom: 13px solid transparent; }شكل باكمان (لعبة آكلة الجبنة) HTMLيتطلب شكل الباكمان وجود div مع اسمٍ للشكل ولنسمه pacman: <div id="pacman"></div>CSSإنشاء شكل الباكمان غير صعب، فكل ما يحتاجه هو نفس خطوات إنشاء الدائرة مع تعديل بسيط في الحدود وخاصية radius لصنع فتحة على الجانب الأيسر من الدائرة: #pacman } width: 0; height: 0; border-right: 70px solid transparent; border-top: 70px solid #ffde00; border-left: 70px solid #ffde00; border-bottom: 70px solid #ffde00; border-top-left-radius: 70px; border-top-right-radius: 70px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; }في الختامتوجد هناك العديد من الميزات في استخدام الأشكال المصنوعة بالـCSS، فهي أفضل بكثير من وضع صور جاهزة على موقعك. فأنت تستطيع استخدامها الآن كجزء من تصاميم المواقع، على الرغم من أنها قد لا تعمل على بعض المتصفحات مثل إنترنت إكسبلورر بإصداراته القديمة. الآن وقد انتهيت من درس اليوم، أتمنى أن تكون قد استمتعت فيه، وأنا على استعداد لتقبل أي تعليقات أو تساؤلات أو اقتراحات في هذا المجال. ترجمة وبتصرف للمقال: How to Create Different Shapes in CSS. حقوق الصورة البارزة: Designed by Freepik.1 نقطة
-
بحسب وظيفة كل منهم في الفريق و لكن بما انك الموؤسس يجب ان تكون حصتك هي الأكبر بالطبع1 نقطة
-
إليك هذه النصائح: - هناك وضعية Battery saver في ويندوز والتي تعمل على ضبط استهلاك الطاقة حتى حدها الأدنى وذلك عندما يبلغ مستوى البطارية الحد 20% فأقل من سعتها الإجمالية، لكن رغم ذلك يمكنك تفعيلها بغض النظر عن مستوى الشحن لديك وذلك بالنقر على رمز البطارية في شريط المهام. - اذهبي إلى الإعدادات ثم النظام System واختاري Power & sleep الآن من قسم Screen حددي مدة اطفاء الشاشة عند خمول نشاطها إلى دقيقة أو دقيقتين، حسبما يناسبك. - من إعدادات النظام اختاري بعد ذلك Battery saver ثم Battery use وانتظري لدقيقة، سيعطيك ويندوز إحصائية عن أكثر البرامج استهلاكًا للطاقة. بالتوفيق1 نقطة
-
أولًا يتكوّن الامتحان من 40 سؤال، منهم سؤالين توصيل، 4 أسئلة عملية، و 34 أسئلة خيارات من متعدد. الاختبارات العملية هي التالية: 1:ACL Simulation 2:ACl TROUBLE SHOOT 3:EIGRP Trouble shoot 4:OSPF lab Trouble shoot في الأسفل ملفين يضمان جميع الأسئلة الخاصة بـ CCNA، ويكفي أن تطلع على واحد منهما فقط، فأحدهما من موقع 9TUT والآخر من موقع EXAM TUT https://www.mediafire.com/folder/4z7k36cfcc8nca2,eawgnltn6h460vh/shared1 نقطة
-
يمكنك استخدام AWS CLI لتشغيل النسخ instances الخاصّة بك على AWS. عليك أولًا أن تحصل على زوج المفاتيح key pairs ومجموعة الأمان Security Group للحصول على معلومات عن كيفية إنشاءها باستخدام واجهة سطر الأوامر CLI راجع الرابطين أدناه: كيف أنشئ Security Group باستخدام واجهة سطر الأوامر AWS CLI؟ كيف أنشئ Key Pairs باستخدام واجهة سطر الأوامر AWS CLI؟ ستحتاج أيضًا لتحديد Amazon Machine Image أو AMI ID للحصول على معلومات عن كيفية إنشاءها راجع الرابطين أدناه: كيف أستخدم CLI لتحديد Linux AMI مناسبة لتشغيل النسخة؟ كيف أحدّد Linux AMI مناسبة لتشغيل النسخة باستخدام Amazon EC2 Console؟ الآن لتشغيل نسخة Amazon EC2 instance باستخدام AMI التي قمت بتحديدها استخدم الأمر run-instance. يمكنك تشغيل النسخة اعتمادًا على المنصات التي يدعمها حسابك على EC2-Classic أو EC2-VPC في البداية تكون النسخة instance الخاصّة بك في حالة انتظار Pending. يقوم الأمر التالي بتشغيل t1.micro instance في EC2-Classic $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t1.micro --key-name MyKeyPair --security-groups my-sg { "OwnerId": "123456789012", "ReservationId": "r-5875ca20", "Groups": [ { "GroupName": "my-sg", "GroupId": "sg-903004f8" } ], "Instances": [ { "Monitoring": { "State": "disabled" }, "PublicDnsName": null, "Platform": "windows", "State": { "Code": 0, "Name": "pending" }, "EbsOptimized": false, "LaunchTime": "2013-07-19T02:42:39.000Z", "ProductCodes": [], "InstanceId": "i-5203422c", "ImageId": "ami-173d747e", "PrivateDnsName": null, "KeyName": "MyKeyPair", "SecurityGroups": [ { "GroupName": "my-sg", "GroupId": "sg-903004f8" } ], "ClientToken": null, "InstanceType": "t1.micro", "NetworkInterfaces": [], "Placement": { "Tenancy": "default", "GroupName": null, "AvailabilityZone": "us-west-2b" }, "Hypervisor": "xen", "BlockDeviceMappings": [ { "DeviceName": "/dev/sda1", "Ebs": { "Status": "attached", "DeleteOnTermination": true, "VolumeId": "vol-877166c8", "AttachTime": "2013-07-19T02:42:39.000Z" } } ], "Architecture": "x86_64", "StateReason": { "Message": "pending", "Code": "pending" }, "RootDeviceName": "/dev/sda1", "VirtualizationType": "hvm", "RootDeviceType": "ebs", "Tags": [ { "Value": "MyInstance", "Key": "Name" } ], "AmiLaunchIndex": 0 } ] }لتشغيل t1.micro instance في EC2-VPC $ aws ec2 run-instances --image-id ami-xxxxxxxx --count 1 --instance-type t1.micro --key-name MyKeyPair --security-group-ids sg-xxxxxxxx --subnet-id subnet-xxxxxxxx { "OwnerId": "123456789012", "ReservationId": "r-5875ca20", "Groups": [ { "GroupName": "my-sg", "GroupId": "sg-903004f8" } ], "Instances": [ { "Monitoring": { "State": "disabled" }, "PublicDnsName": null, "Platform": "windows", "State": { "Code": 0, "Name": "pending" }, "EbsOptimized": false, "LaunchTime": "2013-07-19T02:42:39.000Z", "PrivateIpAddress": "10.0.1.114", "ProductCodes": [], "VpcId": "vpc-1a2b3c4d", "InstanceId": "i-5203422c", "ImageId": "ami-173d747e", "PrivateDnsName": ip-10-0-1-114.ec2.internal, "KeyName": "MyKeyPair", "SecurityGroups": [ { "GroupName": "my-sg", "GroupId": "sg-903004f8" } ], "ClientToken": null, "SubnetId": "subnet-6e7f829e", "InstanceType": "t1.micro", "NetworkInterfaces": [ { "Status": "in-use", "SourceDestCheck": true, "VpcId": "vpc-1a2b3c4d", "Description": "Primary network interface", "NetworkInterfaceId": "eni-a7edb1c9", "PrivateIpAddresses": [ { "PrivateDnsName": "ip-10-0-1-114.ec2.internal", "Primary": true, "PrivateIpAddress": "10.0.1.114" } ], "PrivateDnsName": "ip-10-0-1-114.ec2.internal", "Attachment": { "Status": "attached", "DeviceIndex": 0, "DeleteOnTermination": true, "AttachmentId": "eni-attach-52193138", "AttachTime": "2013-07-19T02:42:39.000Z" }, "Groups": [ { "GroupName": "my-sg", "GroupId": "sg-903004f8" } ], "SubnetId": "subnet-6e7f829e", "OwnerId": "123456789012", "PrivateIpAddress": "10.0.1.114" } ], "SourceDestCheck": true, "Placement": { "Tenancy": "default", "GroupName": null, "AvailabilityZone": "us-west-2b" }, "Hypervisor": "xen", "BlockDeviceMappings": [ { "DeviceName": "/dev/sda1", "Ebs": { "Status": "attached", "DeleteOnTermination": true, "VolumeId": "vol-877166c8", "AttachTime": "2013-07-19T02:42:39.000Z" } } ], "Architecture": "x86_64", "StateReason": { "Message": "pending", "Code": "pending" }, "RootDeviceName": "/dev/sda1", "VirtualizationType": "hvm", "RootDeviceType": "ebs", "Tags": [ { "Value": "MyInstance", "Key": "Name" } ], "AmiLaunchIndex": 0 } ] }كيف أشغّل نسخة t1.micro باستخدام واجهة سطر الأوامر؟1 نقطة
-
الخطوة الأولى لتشغيل EC2 instance بواسطة CLI هي عمل تكوين Configuration لواجهة سطر الاوامر AWS CLI: 1- تكوين واجهة سطر الأوامر: شغّل aws configure لإنشاء الشهادات credentials والاعدادات الخاصّة بك: $ aws configure AWS Access Key ID [None]: AKIAIOSFODNN7EXAMPLE AWS Secret Access Key [None]: wJalrXUtnFEMI/K7MDENG/bPxRfiCYEXAMPLEKEY Default region name [None]: us-west-2 Default output format [None]: jsonسوف تطالبك AWS CLI بالمعلومات التالية: AWS Access Key ID and AWS Secret Access Key وهي أوراق اعتماد الحساب الخاص بك إن لم يكن لديك مفاتيح keys عليك إنشاء مفتاح خاص. Default region name وهو اسم المنطقة. استخدم us-west-2 في هذه الحالة (يمكنك تغيير المنطقة لاحقًا عن طريق تشغيل تكوين AWS مرة أخرى) Default output format تحدد الشكل الذي سيظهر به الخرج output إما json أو نص text أو جدول table إن لم تحدد صيغة للخرج فسيتم استخدام json. 2- إنشاء key pairs و مجموعة أمان Security Group لـ EC2 instance 3- التشغيل والاتصال بالنسخة: قم بتشغيل الأمر التالي: $ aws ec2 run-instances --image-id ami-29ebb519 --security-group-ids sg-b018ced5 --count 1 --instance-type t2.micro --key-name devenv-key --query 'Instances[0].InstanceId' "i-ec3e1e2k"ستأخذ النسخة لحظات ليتم تشغيلها وعندها سيقوم الأمر التالي باسترجاع عنوان IP عام الذي سوف تستخدمه للاتصال بالنسخة instance: $ aws ec2 describe-instances --instance-ids i-ec3e1e2k --query 'Reservations[0].Instances[0].PublicIpAddress' "54.183.22.255"للاتصال بالنسخة instance استخدم عنوان الـ IP العام والمفتاح الخاص private key باستخدام الأمر التالي: $ ssh -i devenv-key.pem ubuntu@54.183.22.255سيتم مطالبتك بقبول المفتاح العام للخادوم اكتب yes واضغط Enter لاتمام الاتصال. كيف أنشر بيئة التطوير في Amazon EC2 تعمل على أبونتو 14.04 باستخدام AWS CLI ؟1 نقطة
-
يعالج bundled Installer كل التفاصيل في إنشاء بيئة لواجهة AWS CLI. المتطلبات الأساسية لتثبيت واجهة سطر الأوامر CLI باستخدام bundled Installe: نظام تشغيل Linux, OS X, or UnixPython 2 version 2.6.5+ or Python 3 version 3.3+1- تحقق فيما إذا كان لديك بايثون مثبتة: $ python --version2- إذا لم يكن لديك بايثون مثبتة فقم بتثبيت الإصدار 2.7 أو 3.4 باستخدام أحد الطرق التالية: على ويندوز أو OS X حمّل حزمة بايثون لنظام التشغيل الخاص بك من python.orgعلى لينكس أو يونكس ثبّت بايثون باستخدام distribution's package manager.لتثبيت بايثون 2.7 على لينكس اتبع الاجراءات في Install Paythonلتثبيت واجهة سطر الأوامر CLI باستخدام bundled Installe على نظام تشغيل ماك OS X: 1- قم بتحميل AWS CLI Bundled Installer $ curl "https://s3.amazonaws.com/aws-cli/awscli-bundle.zip" -o "awscli-bundle.zip" 2- قم بفك الضغط عن الحزمة $ unzip awscli-bundle.zip3- شغّل التثبيت القابل للتنفيذ install executable $ sudo ./awscli-bundle/install -i /usr/local/aws -b /usr/local/bin/awsملاحظة: افتراضيًا يعمل install script على الاصدار الافتراضي لبايثون إن كنت قد قمت بتثبيت نسخة بديلة من بايثون وتريد استخدامها لتثبيت AWS CLI شغّل install script بذلك الإصدار عن طريق مسار مطلق لملف تنفيذ بايثون على سبيل المثال: $ sudo /usr/local/bin/python2.7 awscli-bundle/install -i /usr/local/aws -b /usr/local/bin/aws كيف أثبت AWS CLI على ماك OS X باستخدام Bundled Installer؟1 نقطة
-
لإنشاء زوج مفاتيح Key Pairs باستخدام واجهة سطر الأوامر AWS CLI استخدم الأمر create-key-pair والخيار query-- و output text-- لوضع المفتاح الخاص private key الخاص بك مباشرة إلى الملف $ aws ec2 create-key-pair --key-name MyKeyPair --query 'KeyMaterial' --output text > MyKeyPair.pemلاحظ أنه يتم إعادة توجيه الملف إلى الترميز UTF-8 في Windows PowerShell والتي لا يمكن استخدامها مع بعض عملاء SSH لذا يجب تحديدها صراحةً في الأمر: > aws ec2 create-key-pair --key-name MyKeyPair --query 'KeyMaterial' --output text | out-file -encoding ascii -filepath MyKeyPair.pemسيكون ناتج ملف MyKeyPair.pem يبدو على الشكل التالي: -----BEGIN RSA PRIVATE KEY----- EXAMPLEKEYKCAQEAy7WZhaDsrA1W3mRlQtvhwyORRX8gnxgDAfRt/gx42kWXsT4rXE/b5CpSgie/ vBoU7jLxx92pNHoFnByP+Dc21eyyz6CvjTmWA0JwfWiW5/akH7iO5dSrvC7dQkW2duV5QuUdE0QW Z/aNxMniGQE6XAgfwlnXVBwrerrQo+ZWQeqiUwwMkuEbLeJFLhMCvYURpUMSC1oehm449ilx9X1F G50TCFeOzfl8dqqCP6GzbPaIjiU19xX/azOR9V+tpUOzEL+wmXnZt3/nHPQ5xvD2OJH67km6SuPW oPzev/D8V+x4+bHthfSjR9Y7DvQFjfBVwHXigBdtZcU2/wei8D/HYwIDAQABAoIBAGZ1kaEvnrqu /uler7vgIn5m7lN5LKw4hJLAIW6tUT/fzvtcHK0SkbQCQXuriHmQ2MQyJX/0kn2NfjLV/ufGxbL1 mb5qwMGUnEpJaZD6QSSs3kICLwWUYUiGfc0uiSbmJoap/GTLU0W5Mfcv36PaBUNy5p53V6G7hXb2 bahyWyJNfjLe4M86yd2YK3V2CmK+X/BOsShnJ36+hjrXPPWmV3N9zEmCdJjA+K15DYmhm/tJWSD9 81oGk9TopEp7CkIfatEATyyZiVqoRq6k64iuM9JkA3OzdXzMQexXVJ1TLZVEH0E7bhlY9d8O1ozR oQs/FiZNAx2iijCWyv0lpjE73+kCgYEA9mZtyhkHkFDpwrSM1APaL8oNAbbjwEy7Z5Mqfql+lIp1 YkriL0DbLXlvRAH+yHPRit2hHOjtUNZh4Axv+cpg09qbUI3+43eEy24B7G/Uh+GTfbjsXsOxQx/x p9otyVwc7hsQ5TA5PZb+mvkJ5OBEKzet9XcKwONBYELGhnEPe7cCgYEA06Vgov6YHleHui9kHuws ayav0elc5zkxjF9nfHFJRry21R1trw2Vdpn+9g481URrpzWVOEihvm+xTtmaZlSp//lkq75XDwnU WA8gkn6O3QE3fq2yN98BURsAKdJfJ5RL1HvGQvTe10HLYYXpJnEkHv+Unl2ajLivWUt5pbBrKbUC gYBjbO+OZk0sCcpZ29sbzjYjpIddErySIyRX5gV2uNQwAjLdp9PfN295yQ+BxMBXiIycWVQiw0bH oMo7yykABY7Ozd5wQewBQ4AdSlWSX4nGDtsiFxWiI5sKuAAeOCbTosy1s8w8fxoJ5Tz1sdoxNeGs Arq6Wv/G16zQuAE9zK9vvwKBgF+09VI/1wJBirsDGz9whVWfFPrTkJNvJZzYt69qezxlsjgFKshy WBhd4xHZtmCqpBPlAymEjr/TOlbxyARmXMnIOWIAnNXMGB4KGSyl1mzSVAoQ+fqR+cJ3d0dyPl1j jjb0Ed/NY8frlNDxAVHE8BSkdsx2f6ELEyBKJSRr9snRAoGAMrTwYneXzvTskF/S5Fyu0iOegLDa NWUH38v/nDCgEpIXD5Hn3qAEcju1IjmbwlvtW+nY2jVhv7UGd8MjwUTNGItdb6nsYqM2asrnF3qS VRkAKKKYeGjkpUfVTrW0YFjXkfcrR/V+QFL5OndHAKJXjW7a4ejJLncTzmZSpYzwApc= -----END RSA PRIVATE KEY-----لا يتم تخزين المفتاح الخاص private key الخاص بك في AWS ولا يمكن استرجاعه عن إنشاءه. إذا كنت تستخدم SSH client على جهاز لينكس للاتصال بالنسخة instance الخاصّة بك استخدم الامر التالي لتعيين أذونات ملف المفتاح الخاص private key بحيث يمكنك وحدك قراءته. $ chmod 400 MyKeyPair.pem كيف أنشئ Key Pairs باستخدام واجهة سطر الأوامر AWS CLI؟1 نقطة
-
لغة الترميز HTML من أبسط ما يمكنك تعلّمه، وكن على ثقة أنه يمكنك احترافها خلال أسبوع وببعض التركيز، كل ما تحتاج إليه للبدء هو ثلاثة أشياء: - أولًا محرر نصوص بسيط ويُفضّل أن تستخدم المحرر الذي يأتي مع ويندوز باسم (المفكرة)، هذا ستكتب فيه نصوص html وتحفظها بلاحقة html، ولا تبدأ باستخدام المحررات المتطورة والتي تملك مثلا خاصية الاكمال التلقائي لأن ذلك سيمنعك من التعلّم الصحيح. - ثانيًا أنت بحاجة إلى متصفح حديث مثلا فيرفكس 42 أو كروم 46. - أخيرًا التزم مع أي مصدر عربي أو انكليزي لتعلّم html، مثلا باللغة العربية يمكنك القراءة في هذا الموقع الرائع (وهو موقع إنكليزي أصلًا لكنه مترجم).1 نقطة
-
كثيرًا ما نسمع ونقرأ عن أهميّة وسائل التواصل الاجتماعي في التسويق، لكنّ ما يدعو إلى الإحباط هو أنّ تلك الأقوال لا تُدعَم بما يثبتها من البيانات والإحصائيّات التي تساعد المسوّق الذكي على قياس جهوده في التسويق بشكل كمّي، الأمر الذي يُعتبر ذو أهميّة بالنسبة للمسوّقين عبر وسائل التواصل الاجتماعي. سيغطّي هذا المقال مؤشّرات الأداء الأساسيّة Key Performance Indicators (تُكتب KPIs اختصارًا) التي يجب تتبّعها لمختلف وسائل التواصل الاجتماعي التسويقيّة، مثل فيس بوك، توتير، وGoogle+. كما سيشتمل على بعض الأدوات المفيدة التي تساعد في جعل عملية القياس والتحليل سهلة وفعّالة. فإذا كنت ممن بدؤوا للتو في التعامل مع تحليلات التواصل الاجتماعي، هذا المقال هو ما تحتاجه. تويتريفتخر تويتر اليوم بامتلاكه أكثر من 550 مليون مستخدم نشِط، و67% من هؤلاء المستخدمين يميلون أكثر إلى الشراء من العلامات التجاريّة التي يتابعونها. بإمكان تويتر أن يجلب التدفّق traffic إلى موقعك ويقود إلى التحويلات conversions. هل تعرف ما الذي يعنيه هذا؟ يعني المزيد من العملاء والمزيد من الربح. فإذا كنت غير واثق أو متأكدّ من كيفيّة وضع أهداف واقعيّة تؤدي إلى زيادة التحويلات، أنصحك بالرجوع إلى منافسيك ومعرفة كيف يفعلون ذلك. ستساعدك مؤشرات الأداء الأساسيّة التالية في البقاء على المسار الصحيح، وستعرف المعنى الحقيقي لـ "على المسار" فيما إذا قارنتها مع إحصائيّات منافسيك. بالنسبة لي، أقوم باستخدام الأداة Rival IQ عندما أجري هذا النوع من تحليلات المنافسين على وسائل التواصل الاجتماعي. نمو المتابعينويُقصد به التغيّر في عدد متابعين شركتك مع الوقت. الأمر بسيط جدًا؛ كلّما كان "الوصول reach" إلى منشوراتك أكثر، زاد التدفّق الذي يمكنك جلبه إلى موقعك. بإمكانك تتبّع عدد المُتابعات follow وإلغاءات المُتابعة unfollow باستخدام الخصائص الرائعة التي توفرها الأداة Followerwonk. النمو المستمر على تويتر يعني زيادة عدد الزائرين إلى موقعك أو صفحة الهبوط الخاصة بمنتجك. تواتر التغريداتكم عدد المرّات التي تقوم فيها بنشر التغريدات؟ تتبّع عدد المرات التي تنشر فيها التغريدات في نطاق زمني محدّد وقارنها مع نمو المتابعين. فإذا كانت هنالك علاقة بين الاثنين، أجرِ التغييرات المناسبة لكي تستطيع الاستمرار في زيادة المتابعين. هنالك العديد من المقالات التي تشير إلى التواتر المثالي للتغريدات، لكنّني أعتقد أنّه لا يوجد ما يُدعى بخطة نشر التغريدات المثاليّة التي تناسب الجميع. الأمر معني بالتجارب والاختبارات التي تقودك إلى التواتر الأفضل الذي يصلح وينجح مع متابعيك. إنّ تحديد التواتر المثالي للتغريدات الذي يتناسب مع نمو المتابعين يتيح لك تحسين جدولك لنشر التغريدات. تفاعل المتابعين صحيح أن العدد الكبير من المتابعين يُعتبر أمرًا رائعًا، لكنّه لا يستحق الافتخار به ما لم يكن هؤلاء المتابعون يتفاعلون مع منتجك أو علامتك التجاريّة. إنّ المستويات المنخفضة من التفاعل engagement تعني أنّك لا تخلق تأثيرًا أو انطباعًا كبيرًا لدى متابعيك؛ وهذا قد يكون هو الفشل الأكبر. فيما يلي بعض الطرق لقياس مدى تفاعل متابعيك على تويتر: الردود @Replies: يُقصد بها عدد المرّات التي يتم فيها إرسال تغريدات مبدوءة بـ @اسم حساب تويتر الخاص بشركتك. من الجدير بالذكر أنّ المستخدمين يستطيعون مشاهدة الردود على المسار الزمني timeline الخاص بهم فقط في حالة أنّهم يتابعون مُرسل الرد ومُستلمه. الإشارات @mentions: يُقصد بها عدد المرّات التي يتم فيها إرسال تغريدات تتضمّن “@اسم حساب" تويتر الخاص بشركتك، في وسطها وليس في بدايتها. يستطيع المستخدمون رؤية جميع الإشارات المنشورة بواسطة أي حساب يتابعونه؛ أي ليس بالضرورة متابعة كل من المُرسل والمُستلم لغرض رؤية الإشارات. ولهذا السبب تُعتبر الإشارات قيّمة أكثر من الردود. إعادة التغريد Retweets: عندما يقوم أحدهم بتفضيل favorite إحدى تغريداتك فهذا دليل على إعجابه بها ورضاه. وعلى الرغم من كون التفضيل طريقة لطيفة في الدعم الإيجابي، ألا أنّ إعادة التغريد هي أكثر قيمة. من الجيّد أن تفكّر بتمعّن في الوسائل التي تستطيع من خلالها تحويل "التفضيل" الى "إعادة تغريد". إليك بعض النصائح والأفكار التي تساعدك في زيادة إعادة التغريد:قم بتضمين كلمات قابلة لإعادة التغريد (مثلًا: "من فضلك"، "أعد تغريد"، "10"، "مدوّنة").اطلب من متابعيك إعادة تغريد المنشور ولا تتردّد في ذلك، فهذا يزيد من فرصة إعادة التغريد بنسبة 160%.قم بتغريد روابط مثيرة للاهتمام (56,69% من إعادة التغريد تحتوي على رابط).لتقتصر تغريداتك على 80-110 حرف، لأنّ ذلك يسهّل على الآخرين إعادة تغريد المنشور ويفسح لهم المجال لتخصيصه.انشر التغريدات في الوقت الذي يتواجد فيه معظم المتابعين على الإنترنت. بإمكانك معرفة ذلك عن طريق استخدام بعض الأدوات مثل Followerwonk.معدّل التفاعل مع التغريدة Tweet Engagement Rate: ويُقصد به عدد مرات تفضيل التغريدة وإعادة تغريدها لكل ألف متابع. عندما يقوم متابعوك بإعادة تغريد منشورك الأصلي فهذا يعني مشاركته مع جميع متابعيهم، وبذلك يزداد معدّل رؤية التغريدة والتفاعل معها. يعرض معدل التفاعل عدد مرّات التفضيل وإعادة التغريد التي تحصل عليها التغريدة لكل ألف متابع. وهذه الطريقة رائعة في قياس مدى فعّالية المحتوى الذي تقوم بنشره. نوع المحتوىاحتفظ بسجل لنوع المحتوى الذي تقوم بتغريده (مثل الصور، الروابط، إلخ)، حتى ولو بطريقة بسيطة كجداول بيانات اكسل spreadsheet. دوّن التغريدات التي تنشرها، نوع المحتوى، وعدد مرّات التفضيل وإعادة التغريد. ثمّ لاحظ فيما إذا كان هنالك نوع معيّن من المحتوى الذي يحصل على تفاعل أكثر. وبناءً على النتائج التي تحصل عليها، قم بصياغة المحتوى ليعكس ما وجدته فعّالًا مع متابعيك. هنالك العديد من الأدوات والتطبيقات التي تساعدك على تتبّع نوع المحتوى، مع ذلك يمكنك استخدام جدول بيانات بسيط لتتبّع المحتوى والتفاعل. الإشارة إلى علامتك التجاريّةلكي تعرف مدى تأثير علامتك التجاريّة وكم يُشار إليها في عالم تويتر، يجب أن تقوم بإعداد قائمة تتتبّع اسم علامتك التجاريّة. بإمكانك استخدام الأداة Sprout Social التي تحتوي على خاصيّة رصد تتيح لك سهولة اكتشاف ما يقوله الناس حول علامتك التجاريّة. تستطيع عندما تقوم برصد الإشارات إلى العلامة التجاريّة بعناية أن تحصل على نظرة شاملة على المواضع التي نجحت بها، والمواضع التي يمكنك تحسينها، وأن تتعرّف على نوع العملاء الذين تجذبهم. والأهم من ذلك، يتيح لك البقاء على اطلاع على ما يتم تداوله حول علامتك التجاريّة الفرصة لتُنمّي سمعتها البرّاقة. فقط تأكد من أنّك تستجيب دائمًا للإشارات بشكل مناسب، حتّى ولو كان ببساطة "شكرًا على المشاركة"؛ المهم هو أن تجعل متابعيك يعرفون أنّك تستمع إليهم، وهذه هي أفضل العلامات على خدمة العملاء الجيّدة. فيس بوكبخلاف تويتر، يوفّر فيس بوك مجموعة متطورة من أدوات التحليلات التي يمكنك إيجادها في Facebook Insights (وهذه مخصّصة لصفحات العلامات التجاريّة brand pages فقط). قد يكون تحديد الشيء الذي يجب عليك تتبّعه صعبًا بسبب وفرة المقاييس التي توفرها Facebook Insights. لذلك فإنّ الطريقة الأكثر فعّالية هي تحديد مقاييس معيّنة ذات أهميّة بالنسبة لأهداف الشركة على وسائل التواصل الاجتماعي، وتركيز جهودك وانتباهك عليها. نمو الإعجاب بالصفحةكما هو الحال في تويتر؛ المزيد من المتابعين يعني المزيد من الوصول reach. واصل تتبّع نمو متابعيك على فيس بوك على مدار الوقت. الوصوليمكن تعريف الوصول ببساطة على أنّه عدد مرّات مشاهدة المنشور. وهذا المقياس مهمّ جدًا، لا سيما إذا كنت تجرّب الإعلانات المدفوعة. فإذا كنت تنفق المال على الإعلانات، لا بدّ من أنّك تريد التأكّد من أنّ استثمارك يؤتي ثماره. أقترح عليك، بعد أن تستنتج بيانات الوصول، أن تستخدم دليل HubSopt المبسّط لقياس عائد استثمار ROI الإعلانات على فيس بوك لمعرفة فيما إذا كانت تلك الإعلانات تستحق المال المبذول في سبيلها. الوصول إلى المنشور مهم بشكل خاص إذا كنت تجرّب الإعلانات المدفوعة. التفاعلإنّ خوارزمية EdgeRank التي طوّرتها شركة فيس بوك تولي أهميّة كبيرة لتفاعل المستخدمين واهتمامهم. وباختصار، إذا كنت تريد أن تظهر تحديثات شركتك على صفحة آخر الأخبار newsfeeds الخاصّة بالمتابعين، يجب أن يقوم هؤلاء المتابعين بالإعجاب بالمنشورات like، التعليق عليها comment، ومشاركتها share. إنّ قياس عدد النقرات على المنشور، عدد الإعجابات، التعليقات، والمشاركات يعطيك فكرة شاملة عن مدى فعّالية منشوراتك وإثارتها لاهتمام المُعجبين. والمقياس الأهمّ هنا هو عدد المشاركات. فعدد المشاركات الكبير، على غرار عدد إعادة التغريد، يعني زيادة في الوصول إلى المحتوى الذي تنشره. لا تنس أنّه كلما زاد الوصول إلى منشوراتك، زادت فرصتك في ملء مسارات التحويل conversion funnel وبالتالي التأثير على المحصّلة النهائية لعملك، سواء كانت ربحًا، أو خسارة. تساعدك الزيادة في تفاعل المعجبين على ظهور المحتوى الذي تنشره في صفحة آخر الأخبار للمعجبين. إذا كان تفاعل المستخدمين ينمو بمعدّل ثابت، فهذا مؤشّر جيّد على أنّ استراتيجية المحتوى مُجدية. أمّا إذا كان التفاعل في حالة ركود أو تراجع، فهذا يعني أنّه عليك إعادة النظر في نوع المحتوى الذي تخطط لنشره في المستقبل. فيما يلي بعض الإحصائيّات التي تتعلّق بتفاعل المعجبين على فيس بوك، التي تساعدك في مسيرتك لإنشاء صفحة فيس بوك أكثر جاذبيّة: تزيد الأيقونات التعبيرية emoticons من التعليقات بنسبة 33%.تزداد التعليقات على المنشورات التي تحتوي على أسئلة بنسبة 100%.تحصل المنشورات التي تحتوي على صور على تفاعل أكثر بنسبة 39%.تزيد المنشورات التي يُطلب فيها من المتابعين "الإعجاب" أو "المشاركة" من التفاعل بنسبة 48%.+Googleبالتأكيد لا يمكننا تجاهل +Google عندما نعلم أنه يمتلك 450 مليون مستخدم نشط شهريًّا. لكن للأسف، صعبّت Google تتبّع العديد من الإحصائيّات المفيدة، كما حالت مؤشرات الأداء الأساسيّة خاصّتها تطبيقات الجهات الخارجية third party apps دون الاطلاع على العديد من هذه الإحصائيّات ودراستها. مع ذلك، هنالك طرق مبتكرة وبديلة للوصول إلى العديد من مؤشرات الأداء الأساسيّة المفيدة، الأمر يتطلّب فقط بعض الوقت والممارسة. نمو المتابعينيُعتبر تتبّع نمو قاعدة المتابعين من الأمور المهمّة على وسائل التواصل الاجتماعي و+Google ليست استثناءً منها. تتيح لك بعض الأدوات مثل SproutSocal وBuffer for Business إمكانيّة تتبّع عدد +1، التعليقات، والمشاركات. الإشارات إلى +الاسمإن الإشارات (+الاسم) وسيلة رائعة لتتبّع الحسابات التي تتناول الحديث حول علامتك التجاريّة ومعرفة ما يُقال عنها. فقد يقومون بمشاركة محتوى قمت بنشره، دعم وتشجيع التحديث الجديد في منتجك، أو التذمّر حول خدمة العملاء الخاصة بشركتك (نأمل ألا يكون كذلك). وفي كل الأحوال، من المهم أن تبقى في صدارة ما يتم نشره وتداوله. إنّ الطريقة الوحيدة (التي أعرفها) للوصول إلى عدد الإشارات هي عن طريق لوحة المعلومات dashboard في حساب +Google الخاص بشركتك. اذهب إلى لوحة المعلومات ثم إلى قسم الإشعارات، وانقر على "إظهار كل الإشعارات View all notifications". سيتم توجيهك إلى صفحة تحتوي على قائمة في الجزء العلوي. هذه القائمة تحتوي على الخيارات: "كل المنشورات all posts"، "منشوراتك your posts"، "منشورات الآخرين other people's posts"، و"الإشارات إلى اسمك mentions of you". إذا اخترت خيار "الإشارات إلى اسمك" ستظهر لك منشورات +Google التي تحتوي على إشارات +اسم شركتك. وللأسف، لا توجد طريقة لتتبّع عدد الإشارات سوى حسابها يدويًّا. +1، التعليقات، والمشاركاتإنّ المعاينة الدقيقة لتفاعل المتابعين الذي يحدثه كل منشور على حدة يعطيك رؤية واضحة حول نوع المحتوى الذي يروق للقرّاء ويثير انتباههم. ومن المهم أن تعرف أنّ نوع المحتوى الذي يؤدّي إلى زيادة تفاعل المعجبين على فيس بوك قد لا يكون له نفس التأثير على متابعيك على +Google. إنّ اختبار نوع المحتوى واستخدام مقاييس التفاعل كشكل من أشكال التغذية الراجعة هو من الوسائل المضمونة لتحسين استراتيجيّتك. وأسهل طريقة لمعرفة عدد +1، التعليقات، والمشاركات التي يحصل عليها كل منشور هي بواسطة عرض نشاط ذلك المنشور post activity. معدّل التفاعل مع المنشور Post Engagement Rate كما هو الحال مع معدل التفاعل مع التغريدة، يمكّنك معدل التفاعل مع المنشور من قياس عدد +1، التعليقات، والمشاركات لمنشور معيّن خلال نطاق زمني محدّد. هذا المقياس مشترك لجميع المنشورات، لذلك يعطيك التغيّر في الأرقام بمرور الوقت فكرة جيّدة عن ثمرة جهودك في نشر المحتوى الفعّال، وفيما إذا نجحت في ذلك أم لا. تغذية مسارات التحويل عادةً ما أحدّد هدفين عندما استخدم وسائل التواصل الاجتماعي: أنْسَنة علامتنا التجاريّة (أي إعطاءها جانبًا إنسانيًا، وتسهيل على الناس فهمها والتعامل معها).ملء مسار التحويل.الجزء الأول سهل. أما الجزء الثاني فهو أصعب قليلًا. تستطيع معرفة نتيجة جهودك عندما تقوم بحساب عدد العملاء المحتملين المؤهّلين الذين ترسلهم إلى مسارات التحويل. ولحساب كميّة الإحالات referrals المُرسلة من وسائل التواصل الاجتماعي يمكنك استخدام أداة تحليلات جوجل Google Analytics، عن طريق الخيار "مصادر الإحالة referral sources" لموقع شركتك. كما يمكنك إعداد تقارير مخصّصة حول المسارات باستخدام الأداة KISSmetrics لغرض تتبّع عدد الإحالات من وسائل التواصل الاجتماعي التي تتحول إلى اشتراك signup. وبذلك تستطيع التحديد بشكل شامل فيما إذا كان لجهودك تأثير على المحصلة النهائيّة bottom line. بإمكاننا القول إنّ غالبية المسوّقين يتفقون حول أهميّة ومكانة وسائل التواصل الاجتماعي في عالم التسويق. وهذه حقيقة لا يمكن إنكارها. لذلك من البديهي أن تكون الخطوة الأولى لشركتك على شبكات التواصل الاجتماعي هي امتلاك حضور أو تواجد نشط، لكنّه من المهم أن تأخذ خطوة ثانية وتقيس جهودك بشكل كمّي. استخدم البيانات لتحديد نقاط القوة والضعف، وركّز جهودك على المحتوى الفعّال الذي عاد بنتائج جيّدة في السابق. وإذا كنت تخطط لاتباع منهج جديد، تأكّد من تتبّع التغييرات التي تجريها ومعرفة فيما إذا كانت تجلب لك المزيد من العملاء المحتملين المؤهلين إلى المسار. إنّ أسلوبي في تتبع أداء وسائل التواصل الاجتماعي عن كثب يتمثّل بالجمع بين الأدوات Rival IQ، Google Analytics، KISSmetrics، وFacebook Insights. خلاصة ما ورد أعلاه، اعمل بذكاء وليس بصورة عشوائيّة، ولتكن استراتيجيّتك وأهدافك القادمة مبنيّة على أساس تحليل البيانات وفهمها. شاركنا برأيك وأفكارك حول هذا الموضوع، وأخبرنا فيما إذا كانت هنالك أية مؤشرات أداء أساسيّة من الممكن إضافتها. ترجمة -وبتصرّف- للمقال: How To Set Measurable Goals for Your Social Media Marketing لصاحبته: Danielle Prager. حقوق الصورة البارزة: Designed by Freepik.1 نقطة