ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট

An example of the dialog asking the subscriber to link their subscription

সাবস্ক্রিপশন লিঙ্কিংয়ের সাথে, ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট হল একটি PPID এবং একটি পাঠকের Google অ্যাকাউন্টের মধ্যে একটি নতুন সম্পর্ক তৈরি করার একমাত্র উপায়৷ একটি কনফিগার করা পৃষ্ঠায়, পাঠককে তাদের সাবস্ক্রিপশন লিঙ্ক করতে বলার জন্য একটি ডায়ালগ উপস্থাপন করা হয়। পাঠক "Google এর সাথে চালিয়ে যান" বোতামে ক্লিক করার পরে, তারা লিঙ্ক করার জন্য একটি অ্যাকাউন্ট বেছে নিতে পারে এবং সম্পূর্ণ হওয়ার পরে কনফিগার করা পৃষ্ঠায় ফেরত পাঠানো হবে৷

পাঠকের অ্যাকাউন্টের সাথে PPID যুক্ত করা swg.js এ linkSubscription পদ্ধতি ব্যবহার করে করা হয়। ব্যবহারটি পূর্ববর্তী অ্যাকাউন্ট লিঙ্কিং বৈশিষ্ট্যের অনুরূপ ( উদাহরণ ), কিন্তু একটি প্রতিশ্রুতি পাস করার পরিবর্তে, পদ্ধতিটি পিপিআইডি ধারণকারী একটি বস্তু গ্রহণ করে।

কোড উদাহরণ

এই ক্লায়েন্ট-সাইড কোড উদাহরণগুলি কীভাবে একটি লিঙ্ক শুরু করতে হয়, একটি বৈধ প্রতিক্রিয়া কেমন দেখায় এবং (ঐচ্ছিকভাবে) বিশ্লেষণ ইভেন্টগুলি শোনার জন্য কীভাবে swg.js ইভেন্ট ম্যানেজার ব্যবহার করতে হয় এবং সেই অনুযায়ী সেগুলিকে রুট করতে হয় তা ব্যাখ্যা করে৷

সাবস্ক্রিপশন লিঙ্কিং ডায়ালগ শুরু করুন

const result = await subscriptions.linkSubscription({publisherProvidedId:6789})

নমুনা প্রতিক্রিয়া

একটি সফলভাবে লিঙ্ক করা অ্যাকাউন্ট থেকে বৈধ প্রতিক্রিয়া লিঙ্কে ব্যবহৃত PPID এবং একটি বুলিয়ান success স্থিতি উভয়ই ধারণ করে।

console.log(result) //{publisherProvidedId: 6789, success: true}

সাবস্ক্রিপশন লিঙ্কিংয়ের জন্য পাঠকের জন্য তৃতীয় পক্ষের কুকিজ বা একটি সক্রিয় Google সেশনের প্রয়োজন নেই। এটি নমনীয়ভাবে পাঠকের অভিজ্ঞতায় যেকোন সময় লিঙ্কিং অভিজ্ঞতায় লঞ্চ করার অনুমতি দেয়, এবং শুধুমাত্র কেনার পরে নয়। যদি কোনো পাঠক কোনো Google অ্যাকাউন্টে লগ ইন না করে থাকে, তাহলে প্রবাহের অংশ হিসেবে তাদের তা করার সুযোগ দেওয়া হয়।

সম্পূর্ণ ক্লায়েন্ট-সাইড উদাহরণ

<script
  async
  type="application/javascript"
  subscriptions-control="manual"
  src="https://news.google.com/swg/js/v1/swg.js">
</script>

<script>

  function linkSubscription(ppid) {
    self.SWG.push(async (subscriptions) => {
      try {
        const result = await subscriptions.linkSubscription({
          publisherProvidedId: ppid,
        })
        console.log(result)
      } catch(e) {
        console.log(e)
      }
    })
  }

  document.addEventListener('DOMContentLoaded', function () {
    (self.SWG = self.SWG || []).push(subscriptions => {
      subscriptions.init("PUBLICATION_ID");

      //Configure the event manager for analytics integration
      subscriptions.getEventManager().then(manager => {
        manager.registerEventListener((event) => {
            // Add code here to send the event to your analytics
            // sendToAnalytics(event);
          console.log(event);
        });
      });
    });

    document
      .querySelector("SELECTOR")
      .addEventListener('click', function(){
        linkSubscription(PPID)
      })
  });
</script>

একটি OAuth ক্লায়েন্ট আইডি তৈরি করুন

সাবস্ক্রিপশন লিঙ্ক করার জন্য OAuth ক্লায়েন্টের প্রয়োজন না হলেও, একটি OAuth ক্লায়েন্ট আপনার প্রোজেক্টের জন্য অনুমোদিত ডোমেনের অনুমোদিত তালিকা তৈরি করতে ব্যবহার করা যেতে পারে। অনুমোদিত ডোমেনগুলি হল ডোমেনের একটি তালিকা যেখান থেকে আপনার ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্টকে কল করার অনুমতি দেওয়া হয়েছে৷ swg.js এর সাথে ব্যবহারের জন্য আপনার প্রকাশনার সম্ভবত প্রকাশক কেন্দ্রে একটি OAuth ক্লায়েন্ট আইডি কনফিগার করা আছে।

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

পরীক্ষামূলক

সাবস্ক্রিপশন লিঙ্কিং এর ক্লায়েন্ট-সাইড বাস্তবায়ন পরীক্ষা করার জন্য, কোডটি অবশ্যই একটি অনুমোদিত জাভাস্ক্রিপ্ট মূলের সার্ভার থেকে চালানো হবে।

  1. উত্পাদন ব্যবহারের জন্য, অনুমোদিত উত্সগুলি হয় কনফিগার করা OAuth ক্লায়েন্ট থেকে বা প্রকাশক কেন্দ্রের মধ্যে প্রকাশনা সেটিংসে যাচাইকৃত ডোমেনের তালিকা থেকে আসতে পারে৷
  2. ডেভেলপমেন্ট বা স্টেজিং ব্যবহারের জন্য, একটি যাচাইযোগ্য ডোমেনের সাথে (যেমন লোকালহোস্ট বা একটি অ-পাবলিক সার্ভার), ডোমেনটিকে অবশ্যই কনফিগার করা OAuth ক্লায়েন্টে তালিকাভুক্ত করতে হবে।

সমস্যা সমাধান করুন

ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট পরীক্ষা করার সময় সবচেয়ে সাধারণ সমস্যা হল একটি 403 - Not Authorized । এটি সমাধান করার জন্য, নিশ্চিত করুন যে আপনি প্রকাশক কেন্দ্রে একটি বৈধ ডোমেন থেকে জাভাস্ক্রিপ্ট চালাচ্ছেন বা লিঙ্ক করা OAuth ক্লায়েন্টের অনুমোদিত js অরিজিনে থাকা হোস্টে কোডটি চালাচ্ছেন।