Google ট্যাগ ম্যানেজারের মাধ্যমে ওয়েব পুশ
কোনো কোডিং ছাড়াই চারটি ধাপে পুশ নোটিফিকেশন প্রয়োগ করুন!
Pushwoosh WebSDK Lite আপনার ওয়েবসাইটে Google ট্যাগ ম্যানেজারের মাধ্যমে যোগ করা যেতে পারে, যা ইন্টিগ্রেশন প্রক্রিয়াটিকে যতটা সম্ভব সহজ করে তোলে।
ইন্টিগ্রেশন
Anchor link toFirebase ক্রেডেনশিয়াল
Anchor link toFirebase Console-এ, আপনার Firebase সার্ভার কী (Server Key) এবং সেন্ডার আইডি (Sender ID) পেতে আপনার প্রজেক্টটি বেছে নিন। রেফারেন্সের জন্য অনুগ্রহ করে নীচের স্ক্রিনশটটি দেখুন:

Pushwoosh কন্ট্রোল প্যানেল
Anchor link toPushwoosh কন্ট্রোল প্যানেলে যান এবং একটি নতুন অ্যাপ যোগ করুন। খোলা পেজে, সংশ্লিষ্ট সারিতে কনফিগার (Configure) বোতামে ক্লিক করে Chrome বা Firefox প্ল্যাটফর্ম কনফিগার করুন। ফর্মটি পূরণ করুন:
- Firebase Console থেকে প্রাপ্ত সার্ভার কী (Server Key) API কী (API key) ফিল্ডে দিন;
- Firebase Console থেকে প্রাপ্ত সেন্ডার আইডি (Sender ID) FCM সেন্ডার আইডি (FCM Sender ID) ফিল্ডে দিন;
- আপনার ওয়েবসাইটের সঠিক ঠিকানা ওয়েবসাইটের নাম (Website Name) ফিল্ডে দিন।

নতুন তৈরি করা অ্যাপের অ্যাপ্লিকেশন কোডটি কপি করতে ভুলবেন না, এটি আপনার পরে প্রয়োজন হবে। অ্যাপ কোডটি নীচে হাইলাইট করা হয়েছে:

Google ট্যাগ ম্যানেজার
Anchor link to১. Google ট্যাগ ম্যানেজারে, একটি কন্টেইনার বেছে নিন বা একটি নতুন তৈরি করুন।

২. একটি নতুন ট্যাগ তৈরি করুন এবং ট্যাগ কনফিগারেশনে কাস্টম HTML (Custom HTML) বেছে নিন।

৩. নীচের স্ক্রিপ্টটি কপি করে HTML ফিল্ডে পেস্ট করুন;
<script type="text/javascript" src="//cdn.pushwoosh.com/webpush-lite/v1/pushwoosh-web-notifications-lite.js?pw_application_code=#####-#####" async></script>৪. স্ক্রিপ্টে থাকা নম্বর চিহ্নগুলি #####-##### (নীচের ছবিতে হাইলাইট করা) আপনার Pushwoosh অ্যাপ্লিকেশন কোড দিয়ে পরিবর্তন করুন, যা আপনি ধাপ ২-এ পেয়েছেন।

৫. ট্রিগারিং অপশনে স্ক্রোল করে নীচে যান এবং সমস্ত পৃষ্ঠা (All Pages) বেছে নিন।

৬. “সেভ” ক্লিক করুন। আপনার ট্যাগ প্রস্তুত!
পুশ সাবস্ক্রিপশন বোতাম
Anchor link toব্যবহারকারীদের একটি পুশ সাবস্ক্রিপশন বোতামের মাধ্যমে পুশ নোটিফিকেশনের জন্য সাবস্ক্রাইব করার সুযোগ দিন। বোতামটি সেট আপ করতে, কেবল Google ট্যাগ ম্যানেজারের মাধ্যমে নিম্নলিখিত স্ক্রিপ্টটি যোগ করুন।
<div style="text-align:center;margin:90px 0;"> <button style="color:#000000;background: none;font-size: 16px;cursor: pointer;font-weight: 700;padding:0 60px;line-height: 60px;border:3px solid #000000;" type="button" name="button" onclick="window.pushwooshLite.instance.showSubscriptionWindow()">Subscribe Now</button></div>সব হয়ে গেছে! আপনার ওয়েবসাইটের ভিজিটররা এখন পুশ মেসেজের জন্য সাবস্ক্রাইব করতে এবং গ্রহণ করতে পারবেন।