একটি কাস্টম ভেরিয়েবল টেমপ্লেট কীভাবে তৈরি করবেন তা এই গাইডটি আপনাকে নিয়ে যাবে। যখন এই ভেরিয়েবলটি ব্যবহার করা হয়, তখন এটি মানগুলির একটি অ্যারে নেবে এবং তাদের একটি কমা সীমাবদ্ধ স্ট্রিং হিসাবে ফেরত দেবে।
আপনার প্রথম পরিবর্তনশীল টেমপ্লেট শুরু করতে, বাম নেভিগেশনে টেমপ্লেট ক্লিক করুন এবং পরিবর্তনশীল টেমপ্লেট বিভাগের অধীনে নতুন বোতামে ক্লিক করুন।
তথ্য ট্যাবে, ভেরিয়েবলের নাম এবং বিবরণ সংজ্ঞায়িত করুন।
ব্যবহারকারীরা যখন ট্যাগ ম্যানেজার ইউজার ইন্টারফেস জুড়ে এই ভেরিয়েবলটি প্রয়োগ করতে যায় তখন তাদের কাছে নামটি উপস্থাপন করা হবে।
বর্ণনার মত শোনাচ্ছে - এই ভেরিয়েবল কি করে তার একটি সংক্ষিপ্ত (200 অক্ষর বা কম) বর্ণনা।
আপনার টেমপ্লেট পূর্বরূপ দেখতে রিফ্রেশ ক্লিক করুন.
ফিল্ড ইনপুটগুলির ডানদিকে, একটি টেমপ্লেট প্রিভিউ উইন্ডো রয়েছে। প্রতিবার সম্পাদকে পরিবর্তন করা হলে, রিফ্রেশ বোতামটি প্রদর্শিত হবে। আপনার পরিবর্তনগুলি আপনার ভেরিয়েবলের উপস্থিতিতে কী করে তা দেখতে রিফ্রেশ ক্লিক করুন৷
আপনার পরিবর্তনশীল টেমপ্লেটে ক্ষেত্র যোগ করতে ক্ষেত্রগুলিতে ক্লিক করুন।
টেমপ্লেট এডিটরের ফিল্ড ট্যাব আপনাকে পরিবর্তনশীল টেমপ্লেটে ক্ষেত্র তৈরি ও সম্পাদনা করতে দেয়। ক্ষেত্রগুলি কাস্টম ডেটা প্রবেশ করতে ব্যবহৃত হয়, যেমন একটি অ্যাকাউন্ট আইডি। আপনি টেক্সট ক্ষেত্র, ড্রপ ডাউন মেনু, রেডিও বোতাম এবং চেকবক্সের মতো স্ট্যান্ডার্ড ফর্ম উপাদান যোগ করতে পারেন।
ক্ষেত্র যোগ করুন ক্লিক করুন এবং সরল টেবিল নির্বাচন করুন। ডিফল্ট নাম (যেমন "simpleTable1" ) "list" দিয়ে প্রতিস্থাপন করুন। টেমপ্লেট প্রিভিউতে , রিফ্রেশ ক্লিক করুন।
একটি টেক্সট ইনপুটের জন্য এই ধাপটি পুনরাবৃত্তি করুন এবং এটিকে "অ্যারে" বলুন, দুটি চেকবক্সকে " use_array " এবং "sort" বলা হয়, এবং একটি টেক্সট ইনপুট যাকে "ডেলিমিটার" বলা হয়। "ডিলিমিটার" এর জন্য, গিয়ার আইকনে ক্লিক করে, "ডিফল্ট মান" চালু করে এবং তারপর নতুন ডিফল্ট মান ইনপুট ক্ষেত্রটি পূরণ করে এটিকে "," এর একটি ডিফল্ট মান দিন৷
কোড ট্যাবে ক্লিক করুন এবং সম্পাদকে স্যান্ডবক্সযুক্ত জাভাস্ক্রিপ্ট লিখুন:
var input = data.array; if (!data.use_array) { input = []; for (var i = 0; i < data.list.length; i++) { input.push(data.list[i].values); } } if (data.sort) { input.sort(); } return input.join(data.delimiter || ',');এই ভেরিয়েবলের কোডটি মোটামুটি সহজবোধ্য, কিন্তু কিছু জিনিস উল্লেখ করার মতো।
dataক্ষেত্র।কিছু ক্ষেত্র রয়েছে যা বিশ্বব্যাপী
dataথেকে অ্যাক্সেস করা হচ্ছে।dataআপনার আগের ধাপে সেট আপ করা মানগুলি থাকবে। এজন্য আমরাdata.use_array,data.sort,data.list, এবংdata.delimiterঅ্যাক্সেস করতে সক্ষম হয়েছি।যদি
data.delimiterপ্রদান না করা হয় তবেdelimiterএকটি ডিফল্ট মান","সেট করা হয়। একটি ক্ষেত্রের জন্য ডিফল্ট মান সেট করা একটি ভাল অভ্যাস যদি কেউ বোধগম্য হয়। এটি ব্যবহারকারীদের জন্য পরিবর্তনশীল টেমপ্লেট ব্যবহার করা সহজ করে তোলে, যেহেতু তাদের ভেরিয়েবল ব্যবহার করার জন্য প্রতিটি ক্ষেত্র পূরণ করতে হবে না।
আপনার অগ্রগতি সংরক্ষণ করতে সংরক্ষণ করুন ক্লিক করুন. এটি টেমপ্লেট এডিটরে যেকোনো সনাক্ত করা অনুমতি লোড করবে।
কিছু টেমপ্লেট API-এর সাথে সংশ্লিষ্ট অনুমতি রয়েছে যা নির্দেশ করে যে তারা কী করতে পারে বা কী করতে পারে না। আপনি যখন আপনার কোডে
sendPixelএর মতো একটি টেমপ্লেট API ব্যবহার করেন, তখন ট্যাগ ম্যানেজার অনুমতি ট্যাবে প্রাসঙ্গিক অনুমতি দেখাবে।টেমপ্লেট প্রিভিউ ট্যাবে, "মান" ইনপুটের জন্য কিছু মান যোগ করুন, রান কোড এ ক্লিক করুন এবং আপনার ভেরিয়েবলের আউটপুট দেখতে কনসোলটি দেখুন।
যদি কোন ত্রুটি থাকে, তারা কনসোল উইন্ডোতে প্রদর্শিত হবে।
সেভ এ ক্লিক করুন এবং টেমপ্লেট এডিটর বন্ধ করুন
পরিবর্তনশীল টেমপ্লেটটি এখন ব্যবহারের জন্য প্রস্তুত হওয়া উচিত।