একবার আপনি আপনার প্রোগ্রামেবল সার্চ ইঞ্জিন তৈরি করলে, আপনি আপনার সাইটে প্রোগ্রামেবল সার্চ এলিমেন্ট যোগ করতে পারেন। এটি করার জন্য, আপনাকে কিছু কোড কপি করতে হবে এবং আপনার সাইটের HTML-এ পেস্ট করতে হবে যেখানে আপনি আপনার সার্চ ইঞ্জিন দেখতে চান৷
- কন্ট্রোল প্যানেলে আপনি যে সার্চ ইঞ্জিনটি ব্যবহার করতে চান সেটিতে ক্লিক করুন।
- ওভারভিউ পৃষ্ঠার মৌলিক বিভাগে, কোড পান ক্লিক করুন। কোডটি কপি করুন এবং আপনার পৃষ্ঠার HTML সোর্স কোডে পেস্ট করুন যেখানে আপনি প্রোগ্রামেবল অনুসন্ধান উপাদানটি প্রদর্শিত হতে চান।
<div class="gcse-search"></div> উপাদানটি একটি স্থানধারক - এখানেই অনুসন্ধান উপাদান (উভয় অনুসন্ধান বাক্স এবং অনুসন্ধান ফলাফল) রেন্ডার করা হবে৷
<div class="gcse-search"></div>
বিভিন্ন লেআউট চেষ্টা করে
অনেক ক্ষেত্রে, সার্চের ফলাফল থেকে স্বাধীনভাবে একটি সার্চ বক্স প্রদর্শিত হওয়াটা বোধগম্য। একটি দ্বি-কলাম বিন্যাস আপনাকে আপনার পৃষ্ঠার একটি এলাকায় একটি অনুসন্ধান বাক্স রেন্ডার করতে দেয় (উদাহরণস্বরূপ সাইডবারে) এবং ফলাফলগুলি অন্য একটিতে প্রদর্শন করতে দেয় (উদাহরণস্বরূপ পৃষ্ঠার প্রধান অঞ্চল)।
আপনার ইঞ্জিনের লেআউট পরিবর্তন করতে কন্ট্রোল প্যানেলে লুক অ্যান্ড ফিল পৃষ্ঠার লেআউট বিভাগে যান। কন্ট্রোল প্যানেলে 2-কলাম লেআউট নির্বাচন এবং সংরক্ষণ করার পরে, আপনাকে অনুসন্ধান উপাদানের জন্য HTML কোড পরিবর্তন করতে হবে।
<div style="border: 1px solid blue;">
Area 1 (for example a sidebar)
<div class="gcse-searchbox"></div>
</div>
<div style="border: 1px solid red;">
Area 2 (for example main area of the page)
<div class="gcse-searchresults"></div>
</div>
আরেকটি আকর্ষণীয় লেআউট হল দুই-পৃষ্ঠার বিকল্প। এটি আপনাকে একটি পৃষ্ঠায় আপনার নিজস্ব অনুসন্ধান বাক্স বাস্তবায়ন করতে এবং ঠিকানা বারে পরামিতি ব্যবহার করে অন্য পৃষ্ঠায় মানক অনুসন্ধান ফলাফল রেন্ডার করতে দেয়৷
কন্ট্রোল প্যানেলে দুই-পৃষ্ঠার লেআউট নির্বাচন করুন এবং সংরক্ষণ করুন। একটি পৃষ্ঠায়, একটি স্বতন্ত্র অনুসন্ধান বাক্স প্রয়োগ করুন, resultsUrl বৈশিষ্ট্য পরিবর্তন করে যেখানে আপনি ফলাফল প্রদর্শন করতে চান সেই url-এ নির্দেশ করুন৷
<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script>
<div class="gcse-searchbox-only" data-resultsUrl="YOUR_RESULTS_PAGE_URL"></div>
একটি স্বতন্ত্র অনুসন্ধান ফলাফল পৃষ্ঠা বাস্তবায়ন করতে, আপনার ফলাফল পৃষ্ঠায় ফলাফল কোড স্নিপেট পেস্ট করুন:
<script async src="https://cse.google.com/cse.js?cx=YOUR_ENGINE_ID"></script>
<div class="gcse-searchresults-only"></div>
এখন আপনি url-এ একটি "q" আর্গুমেন্ট পাস করে এই পৃষ্ঠায় অনুসন্ধান ফলাফল ট্রিগার করতে পারেন:
https://my-results-page-url.com/?q=myQuery
ঠিকানা বারে q=myQuery প্যারামটি নোট করুন - এইভাবে <div class="gcse-searchresults-only"></div> উপাদানটি জানতে পারে কোন প্রশ্নের ফলাফলগুলি প্রদর্শন করতে হবে৷
পরবর্তী...
স্বয়ংসম্পূর্ণ সক্ষম করা চালিয়ে যান।