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

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

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

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

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

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

<a href="#" title="اشتراک گذاری در تلگرام"> Click Here! </a>

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

<script type="text/javascript">
//تابع اشتراک گذاری را تعریف می کنیم
	function teleShare() {

//خط پایین، یک پنجره باز میکند که از کاربر سوال میکند آیا میخواهد آدرس این صفحه را در تلگرام به اشتراک بگذارد؟
	var r = confirm("Share the address of this page to Telegram?");

// اگر کاربر روی دکمه اوکی کلیک کرد، کاربر را به اپلیکیشن تلگرام هدایت میکنیم.
//و ازش میخواهیم که یک چت را برای اشتراک گذاری آدرس انتخاب کند
		if (r == true) {
		window.location.replace('tg://msg?text=Shared&url='+window.location.href)
		}
	}
</script>

یه بخشی در کد بالا هست به این شکل :

tg://msg?text=Shared&url

این یک پروتکل مخصوصتلگرام هست که به سیستم عامل دستور میده تا اپلیکیشن تلگرام رو باز کنه و متن موجود در قسمت text و url رو توی یک چت بفرسته. هر مقداری که شما جلوی text و url بنویسید به اپ تلگرام منتقل میشن. ما در اینجا مقدار url رو مساوی با آدرس صفحه‌ی فعلی قرار دادیم و یه متن دلخواه هم جلوی text نوشتیم. متغیر text اگه خالی باشه اشکال نداره. ۳- لینک رو یه کم ویرایش میکنیم و بهش یه attribute به اسم onclick می افزاییم! همون طور که از اسمش پیداست یعنی وقت روی لینک کلیک شد یه کاری بکن. در اینجا اون یه کار، فراخوانی تابع teleShare هستش.

<a href="#" title="اشتراک گذاری در تلگرام" onclick="teleShare()"> Click Here! </a>

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

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

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

(71 Posts)

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

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

    1. م.م

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

      Reply
      1. سایت لرن Post author

        سلام
        اتصال وردپرس به تلگرام با Telegram for WP

        Reply

    Leave a Reply

    Your email address will not be published. Required fields are marked *