Firebase In-App Messaging মেসেজ কাস্টমাইজ করা

Firebase In-App Messaging, ডিফল্ট লুক ও ফিল সহ প্রি-কনফিগার করা আচরণ ও মেসেজের ধরনের একটি উপযোগী সেট প্রদান করে, তবে কিছু ক্ষেত্রে আপনি আচরণ ও মেসেজের কন্টেন্ট আরও বাড়াতে চাইতে পারেন। ইন-অ্যাপ মেসেজিং আপনাকে মেসেজে অ্যাকশন যোগ করতে এবং মেসেজের লুক ও ফিল কাস্টমাইজ করতে দেয়।

আপনার মেসেজে অ্যাকশন যোগ করুন

অ্যাকশনের মাধ্যমে আপনি ইন-অ্যাপ মেসেজ ব্যবহার করে ব্যবহারকারীদের আপনার অ্যাপের কোনও ওয়েবসাইট বা নির্দিষ্ট স্ক্রিনে রিডাইরেক্ট করতে পারবেন।

ডিপ লিঙ্ক হ্যান্ডলার প্রয়োগ করা

Firebase In-App Messaging অ্যাকশন প্রসেস করতে লিঙ্ক হ্যান্ডলার ব্যবহার করে। SDK একাধিক হ্যান্ডলার ব্যবহার করতে পারে, তাই আপনার অ্যাপে আগে থেকেই একটি থাকলে, Firebase In-App Messaging আরও সেট-আপ ছাড়াই সেটি ব্যবহার করতে পারে। আপনার কাছে এখনও কোনও হ্যান্ডলার না থাকলে, আপনি Firebase Dynamic Links ব্যবহার করতে পারেন। আরও জানতে, iOS-এ ডায়নামিক লিঙ্ক তৈরি করুন নিবন্ধটি পড়ুন।

Firebase কনসোল ব্যবহার করে আপনার মেসেজে অ্যাকশন যোগ করুন

আপনার অ্যাপে লিঙ্ক হ্যান্ডলার থাকলে, আপনি অ্যাকশন সহ ক্যাম্পেন কম্পোজ করার জন্য প্রস্তুত।

1. Firebase কনসোলে, DevOps ও এনগেজমেন্ট > মেসেজিং বিকল্পে যান।

2. নতুন ক্যাম্পেন সেট-আপ করতে ওয়ার্কফ্লো লঞ্চ করুন:

   • এটি আপনার প্রথম ক্যাম্পেন হলে:

     1. আপনার প্রথম ক্যাম্পেন তৈরি করুন বিকল্পে ক্লিক করুন।
     2. Firebase In-App messages বেছে নিয়ে তৈরি করুন বিকল্পে ক্লিক করুন।

   • আপনি আগে ক্যাম্পেন তৈরি করে থাকলে:

     1. ক্যাম্পেন ট্যাবে, নতুন ক্যাম্পেন বিকল্পে ক্লিক করুন।
     2. ইন-অ্যাপ মেসেজিং বিকল্প বেছে নিন।

3. ক্যাম্পেন সেট-আপ করতে অন-স্ক্রিন নির্দেশাবলী অনুসরণ করুন।

4. কার্ড, বোতামের টেক্সট এবং বোতামের অ্যাকশন, একটি ছবির অ্যাকশন বা ব্যানারের অ্যাকশন প্রদান করুন, যেখানে অ্যাকশনটি একটি প্রাসঙ্গিক ডিপ লিঙ্ক।

আপনি কোন মেসেজ লেআউট বেছে নিয়েছেন তার উপর নির্ভর করে অ্যাকশনের ফর্ম্যাট। মোডালে কাস্টমাইজ করা যায় এমন বোতামের টেক্সট কন্টেন্ট, টেক্সটের রঙ ও ব্যাকগ্রাউন্ডের রঙ সহ অ্যাকশন বোতাম থাকে। অন্যদিকে, ছবি এবং উপরের ব্যানার ইন্টারঅ্যাক্টিভ হয়ে যায় এবং ট্যাপ করা হলে নির্দিষ্ট অ্যাকশন চালু করে।

মেসেজের লুক ও ফিল পরিবর্তন করুন

Firebase In-App Messaging আপনাকে মেসেজ ডিসপ্লে কাস্টমাইজ করার সুবিধা দেয় যাতে আপনার অ্যাপ যেভাবে মেসেজের লেআউট, ফন্ট স্টাইল, বোতামের আকার এবং অন্যান্য বিবরণ রেন্ডার করে তা পরিবর্তন করতে পারেন। মেসেজ ডিসপ্লে পরিবর্তন করার দুটি উপায় আছে: ডিফল্ট Firebase In-App Messaging ডিসপ্লে পরিবর্তন করুন অথবা একদম শুরু থেকে আপনার নিজস্ব মেসেজ ডিসপ্লে লাইব্রেরি তৈরি করুন।

ডিফল্ট ডিসপ্লে পরিবর্তন করুন

আপনার মেসেজ কাস্টমাইজ করার সবচেয়ে সহজ উপায় হল Firebase In-App Messaging-এর ডিফল্ট মেসেজ ডিসপ্লে কোড থেকে তৈরি করা।

firebase-ios-sdk রেপো ক্লোন করুন

শুরু করতে, firebase-ios-sdk রেপোজিটরি থেকে লেটেস্ট রিলিজ ক্লোন করুন এবং InAppMessaging ডিরেক্টরি খুলুন।

পরিবর্তন করার জন্য মেসেজের ধরন বেছে নিন

রেপো ক্লোন করা থাকলে, আপনি যেকোনও বা সব Firebase In-App Messaging মেসেজের ধরন পরিবর্তন করতে পারবেন: Card, Modal, Banner এবং ImageOnly। প্রতিটি ধরন Firebase In-App Messaging ক্যাম্পেন তৈরির ফ্লোতে মেসেজ লেআউটের সাথে সম্পর্কিত।

সেই অনুযায়ী, প্রতিটি ধরনের কাছে আলাদা আলাদা ডেটা সেটের অ্যাক্সেস থাকে, যা Firebase কনসোলে ক্যাম্পেন কাস্টমাইজেশন বিকল্পের মাধ্যমে নির্ধারণ করা হয়:

মেসেজ ডিসপ্লে রেন্ডারিং কোড পরিবর্তন করুন

মেসেজের ধরন সংক্রান্ত সীমাবদ্ধতা মাথায় রেখে, আপনি যেভাবে চান সেভাবে এগুলি পরিবর্তন করতে পারবেন। আপনি এমন একটি ব্যানার তৈরি করতে পারেন যা আপনার অ্যাপের নিচে দেখানো হয়, মডালের অ্যাকশন বোতামটি এদিক-ওদিক সরাতে পারেন, ব্যবহারকারীর ফিডে অ্যাপ-মধ্যস্থ মেসেজ এম্বেড করতে পারেন অথবা অন্য কোনও পরিবর্তন করতে পারেন যা মেসেজের লুক ও ফিলকে আপনার অ্যাপের সাথে মানানসই করে তুলবে।

মেসেজ ডিসপ্লে পরিবর্তন করার সময় দুটি প্রধান বিষয়ের দিকে মনোযোগ দিতে হবে:

• মেসেজের ধরন সংক্রান্ত ডিরেক্টরি: প্রতিটি মেসেজের ধরনের জন্য আলাদা ডিরেক্টরি থাকে যেখানে সেই ধরনের লজিক নির্ধারণকারী ফাইল থাকে:
  • Card
  • Modal
  • Banner
  • ImageOnly
• স্টোরিবোর্ড: InAppMessaging লাইব্রেরিতে একটি .storyboard ফাইলও আছে যা তিনটি মেসেজের ধরনের জন্য UI নির্ধারণ করতে সাহায্য করে:
  • FIRInAppMessageDisplayStoryboard.storyboard

আপনার কাস্টম মেসেজ ডিসপ্লে তৈরি করতে, আপনার পছন্দের মেসেজের ধরনের ডিরেক্টরি এবং .storyboard-এর সংশ্লিষ্ট বিভাগে ফাইলগুলি পরিবর্তন করুন।

আপনার পরিবর্তিত InAppMessaging কোড ব্যবহার করতে আপনার পডফাইল আপডেট করুন

ডিফল্ট ডিসপ্লের পরিবর্তে আপনার পরিবর্তিত মেসেজ ডিসপ্লে ব্যবহার করার জন্য Firebase In-App Messaging পেতে, আপনার কাস্টমাইজ করা InAppMessaging লাইব্রেরি ব্যবহার করতে আপনার পডফাইল আপডেট করুন:

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'YourProject' do
# Comment the next line if you're not using Swift and don't want to use dynamic frameworks
use_frameworks!

# Pods for YourProject
pod 'Firebase'

# Remove the default InAppMessaging pod:
# pod 'Firebase/InAppMessaging'

# Overwrite it with a version that points to your local copy:
pod `FirebaseInAppMessaging', :path => '~/Path/To/The/Cloned/Repo/'

end

আপনার নিজস্ব মেসেজ ডিসপ্লে লাইব্রেরি তৈরি করুন

মেসেজ দেখানোর জন্য UI তৈরি করতে আপনাকে শুধু InAppMessaging লাইব্রেরি থেকে কাজ করতে হবে না। এছাড়াও, আপনি একদম শুরু থেকে নিজের কোড লিখতে পারেন।

এমন একটি ক্লাস তৈরি করুন যা InAppMessagingDisplay প্রোটোকল প্রয়োগ করে

Firebase সার্ভার ও আপনার অ্যাপের মধ্যে যোগাযোগ ম্যানেজ করতে Firebase In-App Messaging, InAppMessaging ক্লাস ব্যবহার করে। সেই ক্লাস, পরিবর্তে, এটি যে মেসেজ পায় তা দেখানোর জন্য InAppMessagingDisplay প্রোটোকল ব্যবহার করে। আপনার নিজস্ব ডিসপ্লে লাইব্রেরি তৈরি করতে, প্রোটোকল প্রয়োগ করে এমন একটি ক্লাস লিখুন।

প্রোটোকলের সংজ্ঞা এবং কীভাবে এটি মেনে চলতে হবে তার ডকুমেন্টেশন InAppMessaging লাইব্রেরির FIRInAppMessagingDisplay.h ফাইলে রয়েছে।

আপনার মেসেজ ডিসপ্লে লাইব্রেরি ব্যবহার করতে messageDisplayComponent সেট করুন

মেসেজ দেখানোর সময় কোন অবজেক্ট ব্যবহার করা হবে তা নির্ধারণ করতে InAppMessaging তার messageDisplayComponent প্রপার্টি ব্যবহার করে। আপনার কাস্টম মেসেজ ডিসপ্লে ক্লাসের অবজেক্টে সেই প্রপার্টি সেট করুন, যাতে Firebase In-App Messaging মেসেজ রেন্ডার করার জন্য আপনার লাইব্রেরি ব্যবহার করতে পারে:

InAppMessaging.inAppMessaging().messageDisplayComponent = yourInAppMessagingRenderingInstance