امیر موسوی

طراح و گسترش‌دهنده وب

ساخت دکمه اشتراک گذاری تلگرام برای سایت- Telegram Share button

به نام خدا

بروز رسانی در ۱۰ تیر ۹۵

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

ساخت دکمه اشتراک گذاری تلگرام

این روش در تلگرام اندروید از نسخه ۳.۱.۱ اضافه شده است. نسخه‌های پایین‌تر این امکان رو پشتیبانی نمی‌کنند.

۱- ابتدا یک لینک ایجاد می‌کنیم.

۲- کد جاوا اسکریپت زیر رو پایین لینک Copy/Paste می‌کنیم. دقت کنید که این کد جاوا اسکریپت رو میتونید

وقتی روی دکمه کلیک میشه شما به آدرس ( https://telegram.me/share ) میرید و این سایت به سیستم عامل دستور میده تا اپلیکیشن تلگرام رو باز کنه و متن موجود در قسمت text و url رو توی یک چت بفرسته. هر مقداری که شما جلوی text و url بنویسید به اپ تلگرام منتقل میشن. ما در اینجا مقدار url رو مساوی با آدرس صفحه‌ی فعلی قرار دادیم و یه متن دلخواه هم جلوی text نوشتیم. متغیر text اگه خالی باشه اشکال نداره.

۳- لینک رو یه کم ویرایش میکنیم و بهش یه attribute به اسم onclick می افزاییم! همون طور که از اسمش پیداست یعنی وقت روی لینک کلیک شد یه کاری بکن. در اینجا اون یه کار، فراخوانی تابع teleShare هستش.

خوب لینک ما آماده است. میتونید با گوشیتون صفحه رو بارگذاری کنید و روی لینک کلیک کنید تا نتیجه کار رو ببینید.

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

نمونه دکمه اشتراک گذاری تلگرام  پایین صفحه است که میتونید با کلیک کردن روش تستش کنید.

دکمه اشتراک گذاری تلگرام

برای وردپرس

اون دسته از دوستانی که میخوان این دکمه رو واسه سایت وردپرس خودشون درست کنن، این کد زیر رو به فایل functions.php پوسته‌ی سایتشون اضافه کنن. حالا هرجایی که خواستید میتونید کد کوتاه [teleShare] رو وارد کنید تا در اونجا دکمه‌ی اشتراک گذاری در تلگرام ظاهر بشه. مثلا در آخر نوشته‌ها یا محصولات فروشگاهتون.

سعی میکنم که این امکان رو توی نسخه‌های بعدی افزونه Telegram for WordPress اضافه کنم تا بدون دردسر پایین هر صفحه و نوشته بتونید این رو نمایش بدین.

دسته‌بندی‌ها: آموزش | اندروید | کامپیوتر

کدام زبان برنامه نویسی را ابتدا یاد بگیرم؟ » « افزایش سرعت اینترنت با استفاده از Google Public DNS

40 دیدگاه

  1. با سلام
    من کد را در رزبلاگ قرار دادم مطلب هم ارسال می شود ولی فقط آدرس پست و اسم مطلب نمایش داده می شود .( خلاصه مطلب و عکس نمی آید) ولی الان سایت شما وقتی شیر می کنیم کل مطلب شیر می شود
    مثل اینکه متا تگ باید بنویسم می شود متا تگ بویسد و در سایت بگذارید ممنون

    • سلام علی جان
      بله همونطور که خودت هم گفتی نیاز به تگ های OpenGraph هستش. والا به محض اینکه وقت پیدا کنم در این مورد مینویسم

  2. سلام من خیلی دنبال این کد بودم ممنونم که در سایتتون درج کردید . توی هیچ سایتی هم نمونش رو ندیدم

  3. سلام این لینک اشتراک گذاری شما به غیر از url و text عنوان صفحه و لوگوی سایت شما رو هم تو چت تلگرام میاره، اینو چجوری بزاریم

    • سلام امین جان
      این لوگو و عنوان صفحه از طریق تگ های Opengraph به شبکه های اجتماعی میرن. باید توی هر صفحه سایتتون این تگ ها رو قرار بدین. اگه از وردپرس استفاده میکنیم میتونید از افزونه yoast seo استفاده کنید و قسمت مربوط به Opengraph رو انتخاب کنید و تکمیل کنید

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

  5. سلام به همه امیدوارم خسته نباشید اونایی که می خواهند مطالب مذهبی بخوانند یا مطالب مذهبی درخواست کنند یا عکسهای مذهبی می خواهند در کانال محبین اسلام ناب محمدی در خدمتشون هستیم.یاعلی
    [email protected]

  6. دوست من
    tg://msg
    به
    tg://msg_url
    تغییر کرده

  7. با سلام
    برای جوملا باید چیکار کنیم

    • سلام
      برای جوملا من تخصصی ندارم. ولی ظاهر قضیه یکیه. شما باید لینک رو زیر پست هاتون بذارید. حالا با یه سرچ توی گوگل مطمئناً به جواب میرسید که چطور یه لینک رو پایین همه نوشته هاتون قرار بدین.

  8. با تشکر از آموزش خوب و کاربردیتون
    موفق باشید

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

  10. سلام من توکن ربات رو که وارد میکنم همینجور روحالت لطفا منتظربمانید میمونه چه کنم؟
    راستی ممنون بابت مطالب خوب سایتت.

  11. سلام جناب موسوی عزیز
    از آموزش های عالیتون متشکرم.
    ی سوال داشتم.
    بنده از افزونه add to any استفاده میکنم برای اشتراک گذاری مطالبم و محصولاتم.
    حالا میخوام ی تغییراتی روش انجام بدم
    میخوام کاری کنم که وقتی ی کاربر ی محصول یا مطلبی رو به اشتراک میزاره آخر لینکی که share شده ی عبارت هم اضافه بشه به شکل زیر:
    مثال:
    آدرس اصلی: http://www.ameer.ir/shop/2045
    آدرسی که تو share ثبت میشه: http://www.ameer.ir/shop/2045/ref=username

    یعنی وقتی با نام کاربری خودش وارد سایت میشه username خودش رو اخر لینک اضافه کنه، همین.

    توضیح کار: این کار برای بازاریابی هستش، و باعث میشه هر کسی از این لینک وارد سایت بشه و خرید کنه ی درصدی به اون کسی که لینکو شیر کرده برسه.
    امیدوارم منظورمو رسونده باشم.
    ممنون میشم کمکم کنید. جبران میکنم

  12. سلام من میخواستم دکمه اشتراک گذاری در تلگرام و واتس اپ رو به قالبم اضافه کنم
    میشه راهنمایی کنید تشکر

    برای تلگرام
    کد [teleShare] رو تو single.php جاییه که نیاز بود اضافه کردم چیزی که نمایش داد [teleShare] بود بدون حتی هابرلینک :|
    در فاکشین هم اضافه کرده بودم کدهارو

    ممنون از پاسختون-لطفا ایمیل کنید برام

  13. میخوام بالای تمامی پست ها به صورت خودکار بیاد
    چیکار کنم؟

  14. راهی که نوشتید اشتباه هست نحوه ی اشتراک گذاری در وب برای تلگرام به شکل زیر هست
    https://telegram.me/share/url?url=
    مثلا برای سایت https://telegram.wiki دکمه ی اشتراک بصورت زیر خواهد بود
    https://telegram.me/share/url?url=https://telegram.wiki

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

    • سلام روز بخیر
      اشتراک مطلب در وردپرس یعنی چطور؟ منظورم اینه که از کجا در وردپرس اشتراک گذاری کنید؟
      دلیل اینکه با جتپک عکسها لود نشده احتمالا بخاطر فیلتر بودن وردپرس.کام در ایرانه. این سایت پشتیبان افزونه جتپک هست.

  16. سلام ممنون از توضیح خوبتون.. ولی این امکان تو نسخه های جدید تلگرام انگار غیر فعال شده یا کار نمیکنه..؟!
    اگه روش جدیدی هست ممنون میشم اعلام کنید..(لطفا در سایتم یا به ایمیل خبر بدید..ممنون میشم – ضروریه)

  17. در کامنت بالا نصف کد مخفی شد براتون آپلود کردم توی یه فایل rar
    لینک دانلود

    http://up.gswa.tk/info/1357131/share%20to%20telegram

    • دوست عزیز برای این که مستقیما توی تلگرام باز بشه بهتره از پروتکل تلگرام استفاده بشه که کد به این شکل در میاد
      tg://msg_url?url=آدرس مورد نظر &text=متن مورد نظر
      کافیه این کد رو در خاصیت href تگ a قرار بدین و یا جایگزین کد آقای موسوی کنیم

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

    برای اینکار وردپرسی های عزیز میتونن توی فایل single.php در هرکجا که مایل بودین
    البته این رو ذکر کنم حتما بعد از کد باشه که موقع اشتراک گذاری از لینک مطلب استفاده بشه

    کد :
    <a href="https://telegram.me/share?url=” target=”_blank” >اشتراک گذاری این مطلب در تلگرام

    وقتی کاربر بروی ( اشتراک گذاری در تلگرام ) کلیک کنه تلگرام باز میشه و میپرسه کجا مخوایین پست رو بذارین ( گروه، شخص یا کانال )

    به همین راحتی.
    به سایتم حتما سر بزنین
    ممنون از امیر عزیز

  19. سید مجید سادات کیائی

    یکشنبه, ۱۶ اسفند ۱۳۹۴ — ۹:۵۴ ق٫ظ

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

    • سلام وقت شما بخیر دوست عزیز
      والا تا بحال به این فکر نکردم :) ولی به نظرم ایده خوبیه. باید یه اپلیکیشن واسه فیسبوک ساخته بشه (با استفاده از پلتفرم خود فیسبوک) که بشه پست ها رو به تلگرام فرستاد. فعلا درگیر نسخه بعدی پلاگین وردپرس هستم. ایشالا اوکی شد به این هم فکر میکنم :) ممنون از شما

نمی‌شود دیدگاه نوشت.

کپی رایت © سال ۱۳۹۴ خورشیدی | امیر موسوی

پوسته از Anders Norenبالا ↑