قرار دادن دکمه گوگل پلاس | 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>  <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>  <center> <g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone> </a></center></div>
می تونید tall رو باز به small یا medium تغییر بدید یا اصلا حذف کنید تا سایز استاندارد در بیاد.
در آخر معذرت می خوام بابت دوباره کاری ، همه شما استاد من هستید و با همون کد اول هم می شد ما بقی کدها رو درآورد ، ولی من جدا جدا کردم تا دوستانی که اگر یکم با کدها آشنا نبودن بتونن استفاده کنن.من دوست داشتم یک آموزش برای گذاشتن آیکون شخصی برای دکمه گوگل پلاس و همچنین چند ترفند برای افزایش سرعت گوگل پلاس بزارم که نشد راستش !!
دوتا سوال دیگه هم دارم.
ما توی این کد اکانت تجاری گوگل پلاس معرفی نکردیم.این کد به کجا وصل میشه؟
برای ارسال خودکار مطالب به گوگل پلاس همون جت پک خوبه یا روش بهتری هم هست؟
برای این مورد از تو مدیریت صفحه گوگل پلاس اقدام کنید!
برای مورد دوم هم همین جت‌پک خوبه، افزونه رایگان مشابهی سراغ ندارم!
سلام.
من یه مشکل دیگه هم دارم.
وقتی روی دکمه ی G+1 که میام تصویر تبلیغات سایت رو نشون میده به جای تصویر شاخص نوشته.
برای ارسال خودکار مطالب هم به گوگل پلاس هم از جت پک استفاده میکنم که اونم تصویر تبلیغات رو به جای تصویر شاخص میفرسته.
دوتا کدهایی که نوشته بودید رو درفایل header.php کپی کردم و الآن همه جای سایت دکمه ی G+1 رو دارم.
مشکل کار من کجاست؟
سلام، تو فایل هدر یکی از کدها رو قرار بدین که تو سایزای مختلف نوشته شدن!
در رابطه با تصویر هم، این دست خودتون نیست، اولین تصویری که دریافت بشه رو نشون میده!
شاید با تغییراتی تو افزونه سئو وردپرس بشه حلش کرد..
موفق باشید..
سلام.
نمیشه که اولین عکسی که توی سایت میاد نشون بده و دست ما نباشه.
همه ی سایت ها که با عکس مطالبشون شروع نشدن.خیلی ها با تبلیغات شروع شدن.
بعد عکس تبلیغاتی که نشون میده چهارمین عکس تبلیغات سایته نه اولین.
مرسی جاش درست شد.
ولی هنوز هم میره زیر محتوای سایت.clear هم بهش دادم ولی جواب نداد.
مشکل از استایل سایت منه.
سلام.
برای صفحه های کوچیک مثل موبایل به زیر محتوای سایتم میره.باید چیکارش کنم؟
سلام، پیشنهاد میکنم از خاصیت زیر استفاده کنید تا در گوشه نمایشگر نشون داده بشه!
موفق باشید..
با سلام و درود فراوان
مدت زمان زیادی است که دنبال این کد هستم که نسخه کامل و درستش رو در سایت پرمحتوای شما دیدم و استفاده کردم.
یک سوال داشتم بنده این کد را در footer.php خود قرار دادم به این دلیل که شنیده بودم اینگونه سایتم سنگین نمیشود ولی فقط در صفحه اول در قسمت فوتر نمایش پیدا میکند و در قسمت های بالایی محو میشود. در تمامی صفحات دیگر همه چی خوب است.
راهکار چیست؟
سلام، فایل ایندکس قالب رو بررسی کنید!
با تشکر. بنده از این دکمه در سایت خود استفاده کردم فقط یک مشکل کوچک پیش آمد این که اسکرول افقی (پایین مرورگر) اضافه شد. چگونه این مشکل را رفع کنم؟
سلام
بیشتر فکر کنم از قالب باشه یا اشتباه قرار دادید
آدرس سایتتون رو بفرمایید لطفا
تشمر
سلام
بیشتر فکر کنم از قالب باشه یا اشتباه قرار دادید
آدرس سایتتون رو بفرمایید لطفا
تشکر
سلام برای من ببیندی خوب نشده رفته زیر مطالب میگم بخوام سمت راست بیارمش چکار باید بکنم؟
سلام
باید استایل قالب تغییراتی اعما بشه . z-index برای این کار هستش . نیاز به آشنایی با css داره کمی
با احترام
سلام
خواهش میکنم راهنماییم کنید که چطور باید سایت طراحی کنم؟
ممنون.
ممنون خیای مفید بود این مطلب تشکر
عالی بود دکی جان مرسی
باز هم مثل همیشه عالیییییی
سلام داداش واقعا دمت گرم سایت های زیادی رفتم کدهای زیادی امتهان کردم ولی آمووزش شما یه چیز دیگه اس همون چیزی که میخواستم. ممنونم ازت
ممنون
بعضی سایت ها برای ساختن دکمه گوگل لینک سایت خودشتون رو قرار میدن ولی اموزش شما دکمه گوگل واقعیه من دنبال چنین چیزی بودم
ممنون اقای حیدری
سلام
خواهش می کنم.
گرچه مطلب قدیمی هست اما امیدوارم مفید بوده باشه براتون .
عالییییییی بود به ما هم سر بزنید خوشحال میشیم
عالی
بسیار ممنون
سلام ممنون خیلی مفید بود و ازش استفاده کردم الان توی سایتم هست
ممنون عالی بود
ممنون عالی بود ما در این وب سایت استفاده کردیم
سلام خدمت شما، با تشکر از مطالبتون
من اگه بخوام دکمه گوگل پلاسم مثل این سایت بشه چیکار باید بکنم
ممنون میشم راهنمایی کنید
سلام
آرش جان عالیه من تو سایت خودم قرار دادم
اصلا هیچ مشکلی نداره و خیلی هم عالیه
با آرزوی موفقیت
مرسی
عالی بود
سلام عالي بود.ممنون ميشم طريقه استايل دادن به كد گوگل پلاس رو هم بزاريد
سلام مرد
حال کردم.فقط داش سایت ما 2 ستونست.افتاده چپ.میخوام بره بچسبه راست.
فدایی داری …
سلام ممنون از آموزش خوبتون
فقط يه ايرادي هستكه نميدونم از چيه؟
بعضي وقتها مه براي امتياز دادن روي دكمه گوگل پلاس كليك ميكنيم، هم امتياز نميگيره و هم يه صفحه ي جديد از موزيلا توي يه پنجره ي تازه باز ميشه
اين ايراد خيلي بدي هست، يه چيزي مثل تبليغات پاپ آپ مي مونه ولي ميره توي اكانت جيميل كسي كه كليك كرده~
لطفا راهنمائي كنيد
سلام داداش
ممنون بابت این مطلب
من یه مشکل دارم با این کد
چرا صفحه اول آپدیت که میشه امتیازش صفر میشه؟؟؟
کلا صفحات سایتم وقتی تغیر توشون اعمال میشه گوگل پلاسشون صفر میشه
من این کدهایی که شما دادین گذاشتم
تشکر
عالی بود
سلام آرش جان.من میخوام کد رو جایی قرار بدم که بره سمت راست وبلاگم .یعنی قشنگ بچسبه اگه الان بری وبلاگم رو ببینی میفهمی منظورم رو ….لطفا سریع جواب بده ممنون.
آرش جان خیلی خوب و خلاصه مینویسی !!! سبک نوشتاری مطالبتم خیلی عالیه !!!!
سلام
خیلی ازت بابت این مطلب ممنونم
خیلی عالی بود
بازم از این مطالب مفید در سایتتون بگذارید
بازم ممنون
سلام من میخوام اگه بشه بهم بگید
چگونه کنار سایتم قرارش بدم ثابت باشه البته
————————————————————-
آخه خود سایت من فضای خالی داره برای این کار
————————————————————-
منظورم کنار سایت سمت چپه که خاکستریه
کدی که شما دادید : میاد یکم وسط و میره زیره
مطالب ممنون می شم کمکم کنید .
با احترام
سلام ببخشین این حالت کلی با حالت وردپرسی که هر دو تاشون برای گوشه ی سایت درست شدن با هم فرقی میکنن ؟
ممنون میشم بگین چه فرقی میکنه
خعلیییییی سخته وبسایت ساختن هق یاد نگرفتم اصن مخصوصا طراحیشو
سلام.
خیلی هم خوب بود کد.
کد اول رو گذاشتم روی قالب.کد دمی رو درجاوااسپیکرددرست شد.
ولی نگفتید چطور به سمت راست یا چپ یابالا یاپایین بیارمش…!
گذاشتم کار کرد
ممنون
سلام آقای حیدری عزیز
طاعاتتون قبول…
من کد رو تو سایتم گذاشتم
ملاحظه بفرمایید
فقط یه سوال اونم اینکه کدی که گوگل پلاس رو فراخوانی می کنه و باید قبل از تگ قرار بگیره باعث افت سرعت لود سایتم میشه…
راهی نیست که بشه از این مشکل جلو گیری کرد؟
خیلی ممنون و سپاس…
سلام
کد روی انتهای قالب مثل فوتر قرار بدید ، آخر سر لود بشه .
سلام ممنون عالی ومفیدبود
سلام
ممنون خیلی کاربردی بود.
با تشکر (رمضان مبارک)
سلام
نماز روضه (یا روزه ؟!؟! ) های شما هم قبول باشه .
تشکر
آرش عزیز از توضیحات کامل و مفیدت تشکر میکنم
ممنون از زحمات شما
بسیار کاربردی بود
عالی بود، واقعا ممنون
عالی بود من هم قرار دادم. فقط اگه بخام از یه بک گراند عکس استفاده کنم باید از چه کدی استفاده کرد.
سلام
اون جا که تو استایل نوشته background باید اونجا آدرس عکس بک گراند خودتونو بدید.
دوست عزیر سلام و با تشکر از سایت خوبنون
من این کد ها رو عینا کپی کردم اما فقط شاهد مستطیلی با ابعاد مشخص هستم و عبارت ما را حمایت کنید؛از تصویر ایکون گوپلاس و لایک کردن خبری نیست
مشکل از کجاست؟
سلام
بزارید رو هم انجام دادید ؟دوست عزیز تمام مراحل رو باید با دقت انجام بدید شما ، اون کدی که باید قبل از
یکبار مراحل رو گام به گام دوباره انجام بدید ، کدها مشکلی ندارند.
خیلی ممنون.
آقا خيلي ممنون لطف كردين كارتون عاليه
باسلام
سایت بسار خوش رنگی دارید
از کدهای گوگل پلاس هم استفاده کردم
باتشکر
موفق باشید
سلام و خسته نباشید
واقعا خیلی خوشحالم که سایتی رو میبینیم که با وقت گذاشتن و زحمت خدمات فوق العاده ای ارایه میکنه، خیلی ممنون از سایت بی نظیرتون
بسیار سپاسگزارم. عالی بود
سلام
دستت درد نکنه فقط من یه مشکل دارم اونم اینه که اگه به وبسایت بری میبینی چون پس زمینه سفیده متن هم خوب دیده نمیشه میشه رنگ متنو تغییر داد؟
اگه بتونی برام میل کنی که خیلی سالاری
سلام ، داخل کدها دوجا کد رنگ یعنی background:#bdeaff اومه که شما فقط همون مقدارشو یعنی bdeaff رو با کد هر رنگه دیگه ای که با قالبتون جور در میاد تغییر بدید ، برای در آوردن کد رگ ها هم می تونید از فتوشاپ کمک بگیرید.
ممنون. عالی بود
سلام
ممنون از آموزشتون
واقعا خسته نیاشید.
به این میگن یک وب سایت مفید، پرمحتوا بدون هیچ مطلب اضافی و غیر کاربردی.
دستتون درد نکنه واقعا . اگه هر شخصی هدف داشته باشه میشه این.
دوست عزیز ، خیلی لطف داری
ممنون
سلام. خداقوت
میشه برای هر پست وبلاگ، دکمه +1 گذاشت؟ یعنی میخوام اون دکمه +1 به آدرس اون پست اشاره کنه. نه اینکه خودش آدرس آدرس بار رو بخونه. میخوام خودم آدرس بدم به دکمه +1. چون ممکنه بازدید کننده در صفحه نخست باشه و زیر هر پست یک دکمه باشه ولی روی ادامه مطلب پست کلیک نکرده باشه ولی بخواد دکمه رو فشار بده. من میخوام به اون دکمه آدرس اون پست رو بدم نه اون صفحه ای که توش هست.
خواهش میکنم کمک کنید
سلام ،
ما کلا دوجور 1+ یکی برای صفحه نخست وبلاگ یعنی همون سایت اصلی یکی هم برای تک تک نوشته ها.حالا با یکم خلاقیت شاید بشه ، راستش من امتحان نکردم خودم !
سلام
من از سیستم وبلاگ دهی بلاگ دات آی آر استفاده میکنم و کد گوگل پلاس رو از سایت شما گرفتم و در قالب وبلاگم قبل از تگ قرار دادم اما این ارور میده:
خطا در خط 666: تگ که در متن قالب ظاهر شده است اشتباه می‌باشد
ممنون میشم یه کد صحیح واسم بفرستید مرسی
سلام،کدها درست و بدون مشکل هستن،سیستم وبلاگ دهی بعضی کدهارو ساپورت نمی کنه.
سلام الان اگه من این کد رو قرار بدم توی تمام صفحات سایت وردپرسم نمایش داده میشه یا نه؟ چون یک قرار دادم کد گوگل پلاس خود گوگل رو توی مثلا صفحات singel.php دوباره از صفر شروع میشد در حالیکه توی ایندکس مثلا بیشتر بود. چطور میشه توی تمام صفحات یک عدد باشه یعنی اگر ایندکس رو یک مثبت زدن تو تمام صفحات باشه
بستگی داره کدوم صفحه قالبتون قرار بدید ، راستش من حودم داخل سایتم قرار ندادم درباره اعدادش اطلاعی ندارم اصلا : ((
آقا خيلي ممنون استفاده نموديم.
سال 92 هم مبارك
آقا بسیار عالی.
ممنونم ازتون.
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
سلام ارش جان
خیلی خوب بود
لطفا ایمیلتو چک کن
ممنون