قرار دادن دکمه گوگل پلاس | google plus +1

با فراگیر شدن فیش بوک و اون گزینه لایک معروف !! گوگل چندسالی هستش که گوگل پلاس رو که همون ویژگی فیس بوک می باشد رو به وبمستر ها عرضه کرده.در واقع بازدید کننده با زدن دکمه +1 با اکانت جی میل خودش ، اون وب سایت رو به دیگر دوستاش در شبکه اجتماعی گوگل معرفی می کنه.از یک نظر دیگه که بیشتر مورد توجه وب مستر ها هم هستش ، موتور جستجوی گوگل وب سایت هایی رو که کاربران زیاد به اون +1 دادن رو بیشتر در نتایج اولیه خودش میاره ، در واقع محبوبیت اون مطلب و سایت رو در نظر میگیره.برای همین آموزش و چند کد مختلف برای قرار دادن دکمه گوگل پلاس و همینطور این کد در سیستم مدیریت وردپرس رو آوردم.

دکمه ثابت گوگل پلاس در گوشه سایت

این آموزش برای هر سایتی قابل استفادس ولی من در ادامه مخصوص وردپرس هم قرار دادم.همونطور که در شکل بالا اون پایین سمت چپی ! مشاهده می کنید ، می توان دکمه گوگل پلاس رو در هر 4 طرف گوشه سایت که مایل بودید قرار بدید.ابتدا باید کد زیر را در بالای تگ <head/> در قالبتون قرار بدید.

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

اگر دوست داشتید که اعداد و زبان فارسی باشند بجای کد بالا کد زیر را قرار بدید.

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

سپس در قالب خودتون زیر تگ <body> کد زیر را قرار بدید تا جعبه ثابت حاوی دکمه +1 در گوشه سایت قرار بگیره.

<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنید</div> &nbsp<center><g:plusone size="tall"></g:plusone></a></center></div>

دقت کنید با تغییر دادن مقادیر می تونید گوشه های مختف سایتتون قرار بدید.با تغییر مقدار tall به medium و small اندازه آیکون هم تغییر می کند.همچنین هر عبارت دیگه ای که دوست داشتید بجای ” ما را حمایت کنید” قرار بدید اگر دوست داشتید.

قرار دادن دکمه گوگل پلاس برای وردپرس

مثل قبلی کد اولی ( یا دومی اگر دوست دارید زبان و اعداد فارسی باشند ) رو در صفحه header.php در بالای تگ <head/> قالبتون قرار بدید.سپس کد های زیر رو در هر جای قالب که دوست داشتید قرار بدید.

//Standard google plus button
<g:plusone href="<?php the_permalink(); ?>"></g:plusone>

//Tall google plus button
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>

//Medium google plus button
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>

//Small google plus button
<g:plusone size="small" href="<?php the_permalink(); ?>"></g:plusone>

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

دکمه گوگل پلاس در گوشه قالب وردپرس

اگر دوست دارید در گوشه قالبتون به صورت ثابت قرار بگیره ، دوباره مثل قبلی اون کد اول رو اولی رو در بالای <head/> در صفحه header.php قالب وردپرس خود قرار داده سپس کد زیر را در زیر <body> قرار بدید.

<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنید</div> &nbsp<center>
<g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone>
</a></center></div>

می تونید tall رو باز به small یا medium تغییر بدید یا اصلا حذف کنید تا سایز استاندارد در بیاد.

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

امتیاز شما برای این مقاله
77 نظرات
  1. یوسف می گوید

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

    1. عباس صادقی می گوید

      برای این مورد از تو مدیریت صفحه گوگل پلاس اقدام کنید!
      برای مورد دوم هم همین جت‌پک خوبه، افزونه رایگان مشابهی سراغ ندارم!

  2. یوسف می گوید

    سلام.
    من یه مشکل دیگه هم دارم.
    وقتی روی دکمه ی G+1 که میام تصویر تبلیغات سایت رو نشون میده به جای تصویر شاخص نوشته.
    برای ارسال خودکار مطالب هم به گوگل پلاس هم از جت پک استفاده میکنم که اونم تصویر تبلیغات رو به جای تصویر شاخص میفرسته.
    دوتا کدهایی که نوشته بودید رو درفایل header.php کپی کردم و الآن همه جای سایت دکمه ی G+1 رو دارم.
    مشکل کار من کجاست؟

    1. عباس صادقی می گوید

      سلام، تو فایل هدر یکی از کدها رو قرار بدین که تو سایزای مختلف نوشته شدن!
      در رابطه با تصویر هم، این دست خودتون نیست، اولین تصویری که دریافت بشه رو نشون میده!
      شاید با تغییراتی تو افزونه سئو وردپرس بشه حلش کرد..
      موفق باشید..

      1. یوسف می گوید

        سلام.
        نمیشه که اولین عکسی که توی سایت میاد نشون بده و دست ما نباشه.
        همه ی سایت ها که با عکس مطالبشون شروع نشدن.خیلی ها با تبلیغات شروع شدن.
        بعد عکس تبلیغاتی که نشون میده چهارمین عکس تبلیغات سایته نه اولین.

  3. یوسف می گوید

    مرسی جاش درست شد.
    ولی هنوز هم میره زیر محتوای سایت.clear هم بهش دادم ولی جواب نداد.
    مشکل از استایل سایت منه.

  4. یوسف می گوید

    سلام.
    برای صفحه های کوچیک مثل موبایل به زیر محتوای سایتم میره.باید چیکارش کنم؟

    1. عباس صادقی می گوید

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

      style=&quot;position:fixed;bottom:0px;left:0px;&quot;
      

      موفق باشید..

  5. حسین می گوید

    با سلام و درود فراوان
    مدت زمان زیادی است که دنبال این کد هستم که نسخه کامل و درستش رو در سایت پرمحتوای شما دیدم و استفاده کردم.
    یک سوال داشتم بنده این کد را در footer.php خود قرار دادم به این دلیل که شنیده بودم اینگونه سایتم سنگین نمیشود ولی فقط در صفحه اول در قسمت فوتر نمایش پیدا میکند و در قسمت های بالایی محو میشود. در تمامی صفحات دیگر همه چی خوب است.
    راهکار چیست؟

    1. عباس صادقی می گوید

      سلام، فایل ایندکس قالب رو بررسی کنید!

  6. فرشاد می گوید

    با تشکر. بنده از این دکمه در سایت خود استفاده کردم فقط یک مشکل کوچک پیش آمد این که اسکرول افقی (پایین مرورگر) اضافه شد. چگونه این مشکل را رفع کنم؟

    1. دکتر آرش حیدری می گوید

      سلام
      بیشتر فکر کنم از قالب باشه یا اشتباه قرار دادید
      آدرس سایتتون رو بفرمایید لطفا

      تشمر

    2. دکتر آرش حیدری می گوید

      سلام
      بیشتر فکر کنم از قالب باشه یا اشتباه قرار دادید
      آدرس سایتتون رو بفرمایید لطفا

      تشکر

  7. حامد می گوید

    سلام برای من ببیندی خوب نشده رفته زیر مطالب میگم بخوام سمت راست بیارمش چکار باید بکنم؟

    1. دکتر آرش حیدری می گوید

      سلام
      باید استایل قالب تغییراتی اعما بشه . z-index برای این کار هستش . نیاز به آشنایی با css داره کمی
      با احترام

  8. سعد می گوید

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

  9. shahab می گوید

    ممنون خیای مفید بود این مطلب تشکر

  10. مصطفی می گوید

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

  11. رضا یزدانی می گوید

    باز هم مثل همیشه عالیییییی

  12. پرهام می گوید

    سلام داداش واقعا دمت گرم سایت های زیادی رفتم کدهای زیادی امتهان کردم ولی آمووزش شما یه چیز دیگه اس همون چیزی که میخواستم. ممنونم ازت

  13. مرتضی می گوید

    ممنون

  14. جمال می گوید

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

    1. آرش حیدری می گوید

      سلام
      خواهش می کنم.
      گرچه مطلب قدیمی هست اما امیدوارم مفید بوده باشه براتون .

  15. اسماعیل می گوید

    عالییییییی بود به ما هم سر بزنید خوشحال میشیم

  16. موذنی می گوید

    عالی
    بسیار ممنون

  17. ایران می گوید

    سلام ممنون خیلی مفید بود و ازش استفاده کردم الان توی سایتم هست

  18. رضا می گوید

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

  19. داعش می گوید

    ممنون عالی بود ما در این وب سایت استفاده کردیم

  20. niaz می گوید

    سلام خدمت شما، با تشکر از مطالبتون
    من اگه بخوام دکمه گوگل پلاسم مثل این سایت بشه چیکار باید بکنم
    ممنون میشم راهنمایی کنید

  21. حسین مظهری می گوید

    سلام
    آرش جان عالیه من تو سایت خودم قرار دادم
    اصلا هیچ مشکلی نداره و خیلی هم عالیه
    با آرزوی موفقیت

  22. hadi می گوید

    مرسی
    عالی بود

  23. مهسا می گوید

    سلام عالي بود.ممنون ميشم طريقه استايل دادن به كد گوگل پلاس رو هم بزاريد

  24. ashorzad می گوید

    سلام مرد
    حال کردم.فقط داش سایت ما 2 ستونست.افتاده چپ.میخوام بره بچسبه راست.
    فدایی داری …

  25. علي می گوید

    سلام ممنون از آموزش خوبتون
    فقط يه ايرادي هستكه نميدونم از چيه؟
    بعضي وقتها مه براي امتياز دادن روي دكمه گوگل پلاس كليك ميكنيم، هم امتياز نميگيره و هم يه صفحه ي جديد از موزيلا توي يه پنجره ي تازه باز ميشه
    اين ايراد خيلي بدي هست، يه چيزي مثل تبليغات پاپ آپ مي مونه ولي ميره توي اكانت جيميل كسي كه كليك كرده~
    لطفا راهنمائي كنيد

  26. Jim می گوید

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

  27. azmoon.in می گوید

    تشکر

    عالی بود

  28. بهزاد می گوید

    سلام آرش جان.من میخوام کد رو جایی قرار بدم که بره سمت راست وبلاگم .یعنی قشنگ بچسبه اگه الان بری وبلاگم رو ببینی میفهمی منظورم رو ….لطفا سریع جواب بده ممنون.

  29. ایمان تیموری می گوید

    آرش جان خیلی خوب و خلاصه مینویسی !!! سبک نوشتاری مطالبتم خیلی عالیه !!!!

  30. محمد می گوید

    سلام
    خیلی ازت بابت این مطلب ممنونم

    خیلی عالی بود

    بازم از این مطالب مفید در سایتتون بگذارید

    بازم ممنون

  31. روح اله می گوید

    سلام من میخوام اگه بشه بهم بگید
    چگونه کنار سایتم قرارش بدم ثابت باشه البته
    ————————————————————-
    آخه خود سایت من فضای خالی داره برای این کار
    ————————————————————-
    منظورم کنار سایت سمت چپه که خاکستریه
    کدی که شما دادید : میاد یکم وسط و میره زیره
    مطالب ممنون می شم کمکم کنید .
    با احترام

  32. علی می گوید

    سلام ببخشین این حالت کلی با حالت وردپرسی که هر دو تاشون برای گوشه ی سایت درست شدن با هم فرقی میکنن ؟
    ممنون میشم بگین چه فرقی میکنه

  33. هدیه می گوید

    خعلیییییی سخته وبسایت ساختن هق یاد نگرفتم اصن مخصوصا طراحیشو

  34. S.alireza می گوید

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

  35. طراحی سایت می گوید

    گذاشتم کار کرد
    ممنون

  36. محمود می گوید

    سلام آقای حیدری عزیز
    طاعاتتون قبول…
    من کد رو تو سایتم گذاشتم
    ملاحظه بفرمایید
    فقط یه سوال اونم اینکه کدی که گوگل پلاس رو فراخوانی می کنه و باید قبل از تگ قرار بگیره باعث افت سرعت لود سایتم میشه…
    راهی نیست که بشه از این مشکل جلو گیری کرد؟
    خیلی ممنون و سپاس…

    1. آرش حیدری می گوید

      سلام
      کد روی انتهای قالب مثل فوتر قرار بدید ، آخر سر لود بشه .

  37. مدل لباس می گوید

    سلام ممنون عالی ومفیدبود

  38. autoch.ir می گوید

    سلام
    ممنون خیلی کاربردی بود.
    با تشکر (رمضان مبارک)

    1. آرش حیدری می گوید

      سلام
      نماز روضه (یا روزه ؟!؟! ) های شما هم قبول باشه .
      تشکر

  39. فرنام می گوید

    آرش عزیز از توضیحات کامل و مفیدت تشکر میکنم

  40. علیرضا می گوید

    ممنون از زحمات شما
    بسیار کاربردی بود

  41. tiktab می گوید

    عالی بود، واقعا ممنون

  42. Alix می گوید

    عالی بود من هم قرار دادم. فقط اگه بخام از یه بک گراند عکس استفاده کنم باید از چه کدی استفاده کرد.

    1. آرش حیدری می گوید

      سلام
      اون جا که تو استایل نوشته background باید اونجا آدرس عکس بک گراند خودتونو بدید.

  43. محمد جواد می گوید

    دوست عزیر سلام و با تشکر از سایت خوبنون
    من این کد ها رو عینا کپی کردم اما فقط شاهد مستطیلی با ابعاد مشخص هستم و عبارت ما را حمایت کنید؛از تصویر ایکون گوپلاس و لایک کردن خبری نیست
    مشکل از کجاست؟

    1. آرش حیدری می گوید

      سلام
      دوست عزیز تمام مراحل رو باید با دقت انجام بدید شما ، اون کدی که باید قبل از بزارید رو هم انجام دادید ؟
      یکبار مراحل رو گام به گام دوباره انجام بدید ، کدها مشکلی ندارند.

  44. محمد می گوید

    خیلی ممنون.

  45. amir monajjemi می گوید

    آقا خيلي ممنون لطف كردين كارتون عاليه

  46. بهروز می گوید

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

  47. محمد می گوید

    سلام و خسته نباشید
    واقعا خیلی خوشحالم که سایتی رو میبینیم که با وقت گذاشتن و زحمت خدمات فوق العاده ای ارایه میکنه، خیلی ممنون از سایت بی نظیرتون

  48. سیامک سلزانی می گوید

    بسیار سپاسگزارم. عالی بود

  49. farshad می گوید

    سلام
    دستت درد نکنه فقط من یه مشکل دارم اونم اینه که اگه به وبسایت بری میبینی چون پس زمینه سفیده متن هم خوب دیده نمیشه میشه رنگ متنو تغییر داد؟
    اگه بتونی برام میل کنی که خیلی سالاری

    1. آرش حیدری می گوید

      سلام ، داخل کدها دوجا کد رنگ یعنی background:#bdeaff اومه که شما فقط همون مقدارشو یعنی bdeaff رو با کد هر رنگه دیگه ای که با قالبتون جور در میاد تغییر بدید ، برای در آوردن کد رگ ها هم می تونید از فتوشاپ کمک بگیرید.

  50. رضا فخری می گوید

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

  51. امید می گوید

    سلام
    ممنون از آموزشتون

  52. mjk می گوید

    واقعا خسته نیاشید.
    به این میگن یک وب سایت مفید، پرمحتوا بدون هیچ مطلب اضافی و غیر کاربردی.
    دستتون درد نکنه واقعا . اگه هر شخصی هدف داشته باشه میشه این.

    1. آرش حیدری می گوید

      دوست عزیز ، خیلی لطف داری
      ممنون

  53. وحید پویافر می گوید

    سلام. خداقوت
    میشه برای هر پست وبلاگ، دکمه +1 گذاشت؟ یعنی میخوام اون دکمه +1 به آدرس اون پست اشاره کنه. نه اینکه خودش آدرس آدرس بار رو بخونه. میخوام خودم آدرس بدم به دکمه +1. چون ممکنه بازدید کننده در صفحه نخست باشه و زیر هر پست یک دکمه باشه ولی روی ادامه مطلب پست کلیک نکرده باشه ولی بخواد دکمه رو فشار بده. من میخوام به اون دکمه آدرس اون پست رو بدم نه اون صفحه ای که توش هست.
    خواهش میکنم کمک کنید

    1. آرش حیدری می گوید

      سلام ،
      ما کلا دوجور 1+ یکی برای صفحه نخست وبلاگ یعنی همون سایت اصلی یکی هم برای تک تک نوشته ها.حالا با یکم خلاقیت شاید بشه ، راستش من امتحان نکردم خودم !

  54. سجاد می گوید

    سلام

    من از سیستم وبلاگ دهی بلاگ دات آی آر استفاده میکنم و کد گوگل پلاس رو از سایت شما گرفتم و در قالب وبلاگم قبل از تگ قرار دادم اما این ارور میده:

    خطا در خط 666: تگ که در متن قالب ظاهر شده است اشتباه می‌باشد

    ممنون میشم یه کد صحیح واسم بفرستید مرسی

    1. آرش حیدری می گوید

      سلام،کدها درست و بدون مشکل هستن،سیستم وبلاگ دهی بعضی کدهارو ساپورت نمی کنه.

  55. علی می گوید

    سلام الان اگه من این کد رو قرار بدم توی تمام صفحات سایت وردپرسم نمایش داده میشه یا نه؟ چون یک قرار دادم کد گوگل پلاس خود گوگل رو توی مثلا صفحات singel.php دوباره از صفر شروع میشد در حالیکه توی ایندکس مثلا بیشتر بود. چطور میشه توی تمام صفحات یک عدد باشه یعنی اگر ایندکس رو یک مثبت زدن تو تمام صفحات باشه

    1. آرش حیدری می گوید

      بستگی داره کدوم صفحه قالبتون قرار بدید ، راستش من حودم داخل سایتم قرار ندادم درباره اعدادش اطلاعی ندارم اصلا : ((

  56. سينا می گوید

    آقا خيلي ممنون استفاده نموديم.

    سال 92 هم مبارك

  57. پرویز برادران می گوید

    آقا بسیار عالی.
    ممنونم ازتون.

  58. fati می گوید

    salam….khub hastin?web site ghashango mofidi darid..mikhastam age zahmat nis ye versione jadid az ye filter shekano ba adre3sh bem moarefi konid va3 download…tnx

  59. مهدی خسروی می گوید

    سلام ارش جان
    خیلی خوب بود
    لطفا ایمیلتو چک کن

    ممنون

ارسال یک پاسخ

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