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


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

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

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

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

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

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

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

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

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

      1. আপনার প্রথম ক্যাম্পেন তৈরি করুন বিকল্পে ক্লিক করুন।
      2. Firebase ইন-অ্যাপ মেসেজ বেছে নিয়ে তৈরি করুন বিকল্পে ক্লিক করুন।

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

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

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

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

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

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

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

মনে রাখবেন: এই প্রোডাক্ট macOS, Mac Catalyst, App Clip বা watchOS টার্গেটে উপলভ্য নয়।

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

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

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

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

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

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

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

প্রকার titleText bodyText textColor backgroundColor imageData actionButton secondaryActionButton
কার্ড
মডেল
ব্যানার
ImageOnly

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

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

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

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

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

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

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

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

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

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

InAppMessaging.inAppMessaging().messageDisplayComponent = yourInAppMessagingRenderingInstance