کاوشگر

نوشته‌های یک عاشق فدورا، اپرا، وردپرس و دنیای وب

چگونه سایت خود را به سرویس گوگل +۱ مجهز کنیم؟!

توسط در ۱۳ خرداد ۱۳۹۰ - ۱۸,۷۲۹ بازدید سایت - ۵,۰۳۵ بازدید فید like ۱۱۶ اینترنت، سرویس‌ها و سایت‌ها، وردپرس

کاوشگر: از زمانی که گوگل سرویس پلاس وان خود را معرفی نمود، مدت زمان زیادی نمی‌گذرد. با استفاده از این سرویس می‌توان به نتایج جستجوی گوگل امتیاز داد و این امتیازها در پروفایل هر کاربر قابل مشاهده است. (اطلاعات بیشتر) انتظار می‌رفت که در آینده امکان اضافه کردن این دکمه به سایت‌ها / وبلاگ‌ها افزوده شود. حالا پیش‌بینی‌ها درست از آب در آمده و می‌توانید با قرار دادن این دکمه در سایت خود به بازدیدکنندگان خود اجازه دهید به مطالب شما رای مثبت دهند!

سرویس گوگل پلاس وان

چگونه دکمه +۱ را فعال کنم؟

مراحل کار بسیار ساده است.  کد جاواسکریپت زیر را در بین تگ <head> و <head/> صفحات سایت خود قرار دهید.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
 {lang: 'fa'}
</script>

تگ زیر را در هر بخشی از سایت خود که دوست دارید این دکمه نمایش داده شود قرار دهید.

<g:plusone></g:plusone>

به همین راحتی کار تمام شد.

چگونه در سایتم چندین دکمه +۱ قرار دهم؟

ممکن است بخواهید از دکمه +۱ گوگل در چندین بخش سایت خود استفاده کنید. مثلا یکی برای خود سایت و یکی هم برای هر یک از نوشته‌های خود. در این حالت باید پارمترهای بیشتری را تنظیم کنید تا در عملکرد این دکمه مشکلی ایجاد نشود.

در حالت معمول گوگل به دنبال خصوصیت href تگ g خود می‌گردد. برای مثال در

<g:plusone href="http://www.moallemi.ir/blog"></g:plusone>

گوگل آدرس  http://www.moallemi.ir/blog را +۱ می‌کند. اگر این پارمتر وجود نداشته باشد، گوگل در صفحه دنبال تگ <link> با پارمتر canonical می‌گردد. یعنی اگر در بخش تگ <head> صفحه یک تگ

<link rel="canonical" href="YOUR_URL" />

وجود داشته باشد، گوگل این آدرس را +۱ می‌کند. اگر هیچ کدام از این حالت‌ها اتفاق نیفتد، گوگل آدرس صفحه‌ی فعلی را استفاده می‌کند. بنابراین پیشنهاد می‌شود برای بهره‌گیری بهتر از این دکمه آدرس را برای +۱ شدن مشخص کنید!‍

البته این دکمه تنظیمات بیشتری دارد. در صورتی که می‌خواهید ظاهر و کارایی آن را بیشتر سفارشی کنید می‌توانید از طریق رابط گرافیکی که برای ایجاد این دکمه طراحی شده است، استفاده کنید.

رابط گرافیکی برای تنظیم دکمه گوگل پلاس وان

نحوه‌ی قرار دادن دکمه برای وردپرسی‌ها

برای قراردادن این دکمه در سایت‌های وردپرسی ابتدا فایل header.php پوسته فعال خود را باز کرده. و در  بین تگ <head> و <head/> اسکریپت

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

را قرار دهید. در صورتی که می‌خواهید از این دکمه برای هر نوشته‌ی خود استفاده کنید، فایل single.php پوسته فعال خود را باز کرده و تگ

<g:plusone href="<?php  the_permalink(); ?>"></g:plusone>

را در حلقه‌ی اصلی وردپرس قرار دهید. منظور از حلقه‌ی اصلی جایی بین کد‌های زیر است.

<?php if (have_posts()) : ?>
<?php while (have_posts()) : ?>
<?php the_post(); ?>
کد باید در این بخش قرار گیرد
<?php endwhile; ?>
<?php else: ?>
<?php endif; ?>

همانطور که مشاده می‌کنید، آدرس نوشته‌ی جاری به عنوان پارامتر به این دکمه داده شده است و در صورتی که از این دکمه در بخش‌های دیگر سایت خود نیز استفاده کرده باشید، در عملکرد آن مشکلی پیش نمی‌آید.

چند نکته در رابطه با گوگل پلاس وان

۱- پلاس وان گوگل به زبان فارسی هم قابل استفاده است. (با استفاده از lang:fa که در بالا توضیح داده شد)

صفحه‌ی تایید +۱ گوگل

۲- از یک دکمه‌ی گوگل +۱ می‌توانید به هر تعداد که بخواهید در سایت خود استفاده کنید.

۳- از آنجا صفحه‌هایی که در آنها دکمه‌ی پلاس وان گوگل قرار گرفته است توسط گوگل ایندکس می‌شوند، از قرارد دادن این دکمه در صفحات خصوصی خود پرهیز کنید.

۵۵ دیدگاه برای این نوشته

  1. سلام آقا
    بسیار عالی و کامل بود. مرسی

    [پاسخ]

  2. خیلی خوب !!! ممنون بابت آموزش

    [پاسخ]

  3. بازم یک مطلب کاربردی دیگه
    ممنون

    [پاسخ]

  4. مرسی رضا جان….
    منم میخواستم بنویسمشا.. دیگه دیر شد :((

    [پاسخ]

    علی در خرداد ۱۸م, ۱۳۹۰ ۱۲:۲۳ ق.ظ:

    اما نوشتمش :)

    [پاسخ]

  5. با سلام و سپاس فراوان
    پیشنهاد می کنم افزونه ای برای قرارگرفتن ۱+ تهیه بفرمایید.

    [پاسخ]

    کاوشگر در خرداد ۱۴م, ۱۳۹۰ ۱۲:۱۹ ب.ظ:

    خوشبختانه این کار قبلا انحام شده و افزونه‌های خوبی می‌تونید در اینجا پیدا کنید :)

    [پاسخ]

  6. مثل همیشه … عالی :) مرسی، استفاده کردم. جانماییش تو سایتم یه کم حوصله میخواد که سر فرصت انجام میشه ;)

    [پاسخ]

  7. بسیار مطلب خوب و جالبی بود. من که توی سایت خودم استفاده کردم. دستتون درد نکنه.

    [پاسخ]

  8. خیلی ممنون. مطلب بسیار خوبی بود. به زودی برای دانش فضایی راه‌اندازی خواهد شد.

    [پاسخ]

  9. من نیمدونم چجوری تو پرشین بلاگ بزارم هرکاری میکنم نمیشه :(
    ممنون میشم توضیح بدید

    [پاسخ]

    آرش اصغری در خرداد ۱۷م, ۱۳۹۰ ۶:۰۹ ب.ظ:

    سلام ببینید من اینکار رو کردم شد !

    که در کل میشه این :
    <g:plusone size="small" href="http://sargarm.net/.aspx“>

    [پاسخ]

    زهرا فرشید در خرداد ۱۸م, ۱۳۹۰ ۱:۳۹ ق.ظ:

    تو قسمت ویرایش کد قالب اضافه کنم؟

    [پاسخ]

  10. سلام و با تشکر از این پلاگین توووووپ!

    یه مشکل هست! این دکمه پلاس وان توی صفحات سایت نمایش داده نمیشه! فقط توی پست ها نمایش داده میشه. مشکل کجااااااااست؟

    [پاسخ]

    کاوشگر در خرداد ۲۰م, ۱۳۹۰ ۱۲:۲۷ ق.ظ:

    اگر از ورد‍پرس استفاده می‌کنی، برای نشون دادن توی صفحات سایت اگر منظورت خود نوشته‌ها هست، باید همین کد رو علاوه بر فایل single.php توی page.php هم قرار بدی.
    اگر نمی‌خوای ‍پوسته رو تغییر بدی، می‌تونی از طریق ابزارک‌ها توی سایدبار سایتت هم قرارش بدی.

    [پاسخ]

    ahmadalli در شهریور ۱م, ۱۳۹۰ ۱۲:۳۶ ق.ظ:

    من توی Page.php قرار دادم کار نکرد. توی index.php که قرار دادم کار کرد

    [پاسخ]

  11. ممنون.حتما ازین ابتکار گوگل استفاده می کنم

    [پاسخ]

  12. ممنون عالی بود.

    [پاسخ]

  13. منم کدها رو میزارم اما هیچی نمایش داده نمیشه !

    [پاسخ]

  14. سلام یه راه دیگه هم داره که من تو سایتمون استفاده کردم با اجازتون مینیویسم:
    میتونید به سایت addthis.com برید و ثبت نام کنید و یک پروفایل اونجا بسازید بعد به قسمت کدها برید و از ستون سمت چپ گزینه وب سایت رو انتخاب کنید سپس از قسمت پایینی یکی از شکلها هست که هم گوگل +۱ داره هم اشتراک گذاری تو سایتهای دیگه اونو انتخاب کنید و بعد کد رو بردارید هر جا دوست دارید بزارید من زیر مطلبمام گذاشتم تو ادامه مطلب ببینید:
    http://www.LinuxPa.org
    البته سایت هنوز کامل راه نیافتاده اما به زودی

    [پاسخ]

  15. سلام
    می خواستم ببینم چه جوری روی عکس های سایت افکت گذاشت یعنی در سایت شما وقتی پایین تر میام عکس ها با یه جور افکت باز می شن از چه کدی استفاده می کنید تا عکس ها به این صورت باز بشه لطفا یه اموزش یا راهنمایی برای عملی کردن این مورد قرار بدید ممنون می شم.

    بعد وقتی من این کد گوگل پلاس وان رو قرار می دم توی سایتم وقتی کسی روی اون می زنه شماره ها نشون نمیده ولی وقتی با اکانت گوگلی وارد می شم نشون می ده مشکل چیه

    [پاسخ]

    کاوشگر در تیر ۹م, ۱۳۹۰ ۱۰:۳۱ ب.ظ:

    من از jQuery Lazy loading استفاده می‌کنم. در صورتی که توی سایتتون از وردپرس استفاده می‌کنید می‌تونید از افزونه‌اش استفاده کنید.
    در مورد دوم هم مشکلی نداره. چه با اکانت گوگل وارد شده باشین و چه نه، تعداد نشون داده می‌شه.

    [پاسخ]

  16. امین

    سلام
    من طبق گفته شما عمل کردم و دکمه ظاهر شد تو سایتم

    و وقتی آدرس سایت شما رو به عنوان پارامتر تگ می دم کار می کنه و +۱ می زنه ولی وقتی بدون آدرس می زارم و یا حتی آدرس سایت خودمو می زنم بعد از کلیک آیکون بعد از چند ثانیه آیکون قرمز می شه و علامت تعجب می زنه

    برای حل این مشکل باید چیکار کنم

    ممنون

    [پاسخ]

    کاوشگر در مرداد ۱۰م, ۱۳۹۰ ۴:۵۵ ق.ظ:

    برای اینکه درست کار کنه، باید آدرس سایت خودتون رو بهش بدید! برای اینکه مشکل کمتری پیش بیاد، از لینک راهنمای خود گوگل که توی مطلب هم اشاره کردم استفاده کنید.

    [پاسخ]

  17. sahar

    خیلی خیلی ممنون

    [پاسخ]

  18. یک سوال
    من برای هر پست اط طریق یک افزونه ، دکمه پلاس رو قرار دادم.و از طریق کد هم یک دکمه برای کل سایتم انتخاب کردم. اما با انتقال از صفحه ای به صفحه ی دیگه Count ها تغییر می کنه.مثلا در صفحه اول اگر تعداد باشه ۴ وقتی میری سفحه دوم تعداد صفر میشه. در صورتی که مثلا در سایت شما این اتفاق نمی افته و همون ۴۴ پلاس در تمام صفحات نمایش داده میشه.ممنون میشم مشکل و راه حلشو بهم بگین.

    [پاسخ]

    کاوشگر در مرداد ۱۰م, ۱۳۹۰ ۴:۵۳ ق.ظ:

    هامون جان همونطور که توی این نوشته توضیح دادم، برای هر دکمه‌ای که می‌زاری توی سایتت بهتر هست که آدرس رو خودت دستی بهش بدی تا این اشکال به وجود نیاد.
    اینکه می‌گی صفحه‌ی اول مثلا ۴ تا پلاس وان گرفته و صفحه‌ی دوم مثلا دو تا به خاطر این هست که توی کد آدرس رو ندادی و واسه‌ی همین خودش داره صفحه‌ی اول و دوم رو از هم متمایز می‌کنه.

    [پاسخ]

    هامون در مرداد ۱۰م, ۱۳۹۰ ۱:۲۹ ب.ظ:

    درسته.الان مشکل حل شد.خیلی ممنونم.

    [پاسخ]

  19. سلام لطفا بگید اون قسمت head کجاست و ممنون.

    [پاسخ]

    کاوشگر در مرداد ۲۷م, ۱۳۹۰ ۱۱:۵۵ ب.ظ:

    سلام. اگر می‌خواهید این دکمه رو برای وبلاگتون توی میهن بلاگ فعال کنید باید بگم که متاسفانه با سیستم میهن بلاگ آشنایی ندارم و نمی‌دونم اصلا چنین امکانی داره که کد جاوااسکریپت به head اضافه کرد یا نه.

    [پاسخ]

  20. دوست عزیز سلام
    من الان چند وقت هست رو دکمه گوگل پلاس کلیک میکنم
    رنگ گوگل پلاسم قرمز میشه و مینویسه مسدود هست
    میتونید بگید دلیلش چیه و من باید چی کار کنم
    اگه میشه جوابتون را به ایمیلم بفرستید
    raptrik@gmail.com

    [پاسخ]

    کاوشگر در مرداد ۲۸م, ۱۳۹۰ ۱۲:۴۴ ق.ظ:

    احتمالا جایی در قرار دادن کدها اشتباه کردید

    [پاسخ]

  21. سلام
    آقا من از این کد که توی صفحه گوگل پلاس داده استفاده میکنم
    الان چند وقتیه که هر وقت کسی کلیک میکنه روی دکمه گوگل پلاس دکمه قرمز میشه
    یعنی عملا غیر فعال میشه
    شما میدونی چرا ؟

    [پاسخ]

  22. خیلی عالی بود ممنون
    فقط لطفا ذکر کنید که این تنظیمات ممکنه توی قالب متفاوت باشه مثلا تنظیمات قالب سایت من یه ذره کار داشت که بشه +۱ توش گذاشت.

    [پاسخ]

  23. سلام.
    بسیار ممنون از آموزش کامل و خوبتون.
    من به زودی پلاس وان رو به سایتم اضافه می کنم.

    سپاس!

    [پاسخ]

  24. سلام جناب معلمی عزیز
    من قبلن با این دکمه مشکل نداشتم و در قالب twenty eleven براحتی ازش استفاده می‌کردم با کدی که گوگل خودش در اختیار قرار داده. اما بعد از تعویض پوسته جدیدن هرچندبار که +۱ می‌کنم بعد از چند ثانیه دکمه قرمز میشه و +۱ محسوب نمیشه. چاره چیه دوست عزیز؟
    این خطا رو در خود گوگل جستجو کردم و به نتیجه‌ای نرسیدم. چند دلیل آورده بود که قابل قبول نیستند. مثل تایم‌آوت شدن سرور که من سرور رو عوض نکردم که اینطوری بشه یا کند شده باشه. گفته که پروفایل ساسپند شده درحالی که من خودم وب‌گاه‌های دیگه رو می‌تونم +۱ کنم. درباره کوکی گفته که من همه‌شون رو هم پاک کردم. گفته اپ‌ها نمیشه منم اپ که +۱ نکردم! ممنون میشم کمک کنید. منتظرم

    [پاسخ]

  25. با سلام
    مزاحم همیشگی شما هستم :)
    راستش به یه مشکل جدی با دکمه برخوردم. چند وقتیه از کار افتاده و همش قرمز میشه. تمام کدها را پاک کردم دوباره گذاشتم بازم کار نمی کنه. جالبه که وقتی از صفحه گوگل واسه ساختن دکمه استفاده می کند در صورتی که از قسمت Advanced آدرس سایتمو بهش ندم ، میتونم پلاسش کنم اما وقتی آدرس می دم بهش بازم قرمز میشه (در همون پیش نمایش گوگل). و جالب تر اینکه وقتی همون دکمه ای که تو پیش نمایش ساخت تو ضفحه گوگل کار می کنه رو وارد سایتم می کنم دوباره غیرفعال میشه و قرمز میشه. ممنون میشم کمکم کنین و نظر خودتون رو راجع به این مشکل عجیب بگین.
    تمامی افزونه های مربوط به گوگل پلاس رو هم پاک کردم که تداخلی ایجاد نشه اما موثر نبود.

    [پاسخ]

  26. سلام
    کدی که گفتید را به سایتم اضافه کردم ولی هیچی نشد که!

    [پاسخ]

  27. خوب

    [پاسخ]

  28. با سلام
    من مسئول سایت
    automaticdoors.ir
    می باشم از ارائه مطالب جالب سایت شما تشکر می کنم

    [پاسخ]

  29. سلام آقا رضا. ممنون و دستت درد نکنه. راستش یه سری تنظیمات دیگه هم پایین این تنظیمات هست که دوست داشتم راجع‌بهشون اینجا می‌خوندم. یعنی توی این صفحه http://www.google.com/webmasters/+1/button در قسمت Customize +Snippet یه سری ابهامات داشتم که فعلاً رفع نشده و با توجه به نیمه‌تعطیل شدن گوگل ریدر و احتیاج بیش از پیش به پلاس وان پیشنهاد می‌کنم راجع به این مطلب هم اگر وقت کردی بنویسی و یا به عبارتی همین پستت رو کامل و جامعش بکنی.
    ارادتمندم.

    [پاسخ]

    کاوشگر در آبان ۱۰م, ۱۳۹۰ ۹:۴۷ ب.ظ:

    خواهش می‌کنم میثم جان :)
    راستش اون موقعی که این پست رو نوشتم، این قسمت فکر کنم نبود :دی ولی به روی چشم :) اینم می‌نویسم تا آخر هفته. فعلا درگیر اینم که ببینم با این وضع گودر چه بلایی سر پلاگین‌های وردپرسم بیارم :دی

    [پاسخ]

    میثم الله‌داد در آبان ۱۰م, ۱۳۹۰ ۹:۵۲ ب.ظ:

    من فکر می‌کنم اگر راهی داشت خود گوگل لایک‌ها رو به پلاس‌وان تبدیل می‌کرد. یا این‌که شاید اهمیت نداشته براش. صد در صد api ها و توابع متفاوتی خواهند داشت با هم و ادغام کردنشون نه که نشدنی باشه؛ ولی خیلی هم نباید آسون باشه. در هر صورت ما امیدمون به شماهاست. واقعاً سردرگمی عجیبی گریبان‌گیرم شده امروز. نه لایک‌خور داریم، نه گودر داریم، انگار هیچی نداریم. طفلی لایک‌خور که فک کنم خیلی کارش سخت باشه با فرض شدنی بودن.
    خلاصه دمتون گرم. خیلی زیاد.

    [پاسخ]

  30. اقا خوب الان بیشتر از ۵۰ نفر همین کد رو توی وبلاگشون وارد کردن از کجا بفهمیم در گوگل به وبلاگ ما امتیاز داده میشه؟؟

    [پاسخ]

    کاوشگر در دی ۱۱م, ۱۳۹۰ ۱۰:۰۹ ق.ظ:

    به صورت اتوماتیک یا دستی (اگر خودتون مشخص کرده باشید مثل نمونه‌ی بالا) تشخیص داده می‌شه و کنار همون تصویر +۱ نشون داده می‌شه.

    [پاسخ]

  31. سلام
    ممنون از توضیح کاملتون…

    [پاسخ]

  32. gfxaf

    سلام مطالب مفیدی بود

    [پاسخ]

  33. درود!

    Great job

    [پاسخ]

  34. rasivell

    اقا این مشکلش چیه که پوست مارو کنده!!!

    راحت توی سایت میزاریمش ولی خب دیگه سایت دیر لود میشه گاهی هم اصلا لود نمیشه!!! توی هر سایتی که دیدم مشکل داشته!

    [پاسخ]

  35. Fereşteh M

    یک سوال داشتم. جمله این “Recommend this on Google” رو چطور میشه حذف کرد؟ من سرچ کردم و به این سایت خوردم http://www.southernspeakers.net/2011/10/remove-recommend-this-on-google-from.html
    ولی هیچی ازش نفهمیدم

    [پاسخ]

  36. سلام

    ممنون بسیار جالب بود

    [پاسخ]

  37. thank

    [پاسخ]

  38. عالی بود ادمین جان.

    [پاسخ]

  39. حرف نداشت

    [پاسخ]

  40. یعنی از این بهتر و واضح تر نمیشد توضیح داد واقعا سپاس و سپاس

    سربلند باشید

    [پاسخ]

دیدگاه شما درباره این نوشته چیست؟