প্রসঙ্গ ফাইল

এই পৃষ্ঠাটি বর্ণনা করে কিভাবে প্রসঙ্গ ফাইল ব্যবহার করে আপনার সার্চ ইঞ্জিনের চেহারা কাস্টমাইজ করা যায়, যা আপনার সার্চ ইঞ্জিনের জন্য XML স্পেসিফিকেশন।

1. ওভারভিউ
2. LookAndFeel এলিমেন্ট
3. LookAndFeel এলিমেন্টের বৈশিষ্ট্য
4. LookAndFeel এর শিশু উপাদান
5. একটি Google-হোস্টেড ফলাফল পৃষ্ঠায় একটি লোগো যোগ করা

ওভারভিউ

প্রোগ্রামেবল সার্চ ইঞ্জিন কন্ট্রোল প্যানেল ব্যবহার করার পাশাপাশি, আপনি প্রসঙ্গ XML ফাইলটি সম্পাদনা করে আপনার সার্চ ইঞ্জিনের চেহারা এবং অনুভূতি নিয়ন্ত্রণ করতে পারেন। ( বেসিক পৃষ্ঠায় প্রতিটি বিন্যাসের সুবিধা এবং অসুবিধা সম্পর্কে আরও জানুন।) আপনি যদি প্রসঙ্গ ফাইলগুলির সাথে পরিচিত না হন তবে পড়ুন প্রসঙ্গ: একটি অনুসন্ধান ইঞ্জিন সংজ্ঞায়িত করা ।

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

যদি আপনার ওয়েবপৃষ্ঠাগুলিও স্ট্রাকচার্ড ডেটা অন্তর্ভুক্ত করে, তাহলে আপনি আরও সমৃদ্ধ উপস্থাপনা এবং কাস্টম সামগ্রী সহ স্নিপেট তৈরি করতে পারেন৷ আপনার ফলাফলের স্নিপেটগুলি কাস্টমাইজ করার বিষয়ে আরও তথ্য৷

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

উপরে ফিরে যান

LookAndFeel এলিমেন্ট

কনটেক্সট ফাইলে, CustomSearchEngine অধীনে LookAndFeel এলিমেন্ট দ্বারা সমস্ত লুক-এন্ড-ফিল স্পেসিফিকেশন সংজ্ঞায়িত করা হয়। এই উপাদানটি নির্ধারণ করে যে বিজ্ঞাপনগুলি প্রদর্শিত হবে কিনা, অনুসন্ধান ফলাফলের বিভাগটি কীভাবে রেন্ডার করা হয় এবং কীভাবে পৃথক অনুসন্ধান ফলাফলগুলি প্রদর্শিত হয়। নিম্নলিখিত উদাহরণটি LookAndFeel উপাদানের সমস্ত বৈশিষ্ট্য এবং চাইল্ড উপাদান দেখায়।

<CustomSearchEngine ... >
  <Title>...</Title>
  <Description>...</Description>
  <Context>
     ...
  </Context>
  <LookAndFeel googlebranding="watermark"
      element_layout="1" theme="1" custom_theme="false" text_font="Arial, sans-serif"/>
    <Logo />
    <Colors url="#3366cc"
            background="#FFFFFF"
            border="#336699"
            title="#0000CC"
            text="#000000"
            visited="#ffbd10"
            title_hover="#0000CC"
            title_active="#0000CC"/>
    <Promotions title_color="#006600"
                title_visited_color="#663399"
                url_color="#3366ff"
                background_color="#FFFFFF"
                border_color="#ffff33"
                show_image="true"
                show_snippet="true"
                snippet_color="#330000"
                title_hover_color="#0000CC"
                title_active_color="#0000CC" />
    <SearchControls input_border_color="#BCCDF0"
                    button_border_color="#666666"
                    button_background_color="#CECECE"
                    tab_border_color="#E9E9E9"
                    tab_background_color="#E9E9E9"
                    tab_selected_border_color="#FF9900"
                    tab_selected_background_color="#FFFFFF" />
    <Results border_color="#FFFFFF"
             border_hover_color="#FFFFFF"
             background_color="#FFFFFF"
             background_hover_color="#FFFFFF" />
  </LookAndFeel>
  <AdSense />
  <EnterpriseAccount />
</CustomSearchEngine>

সমস্ত LookAndFeel বৈশিষ্ট্য এবং উপাদান সব ধরনের সার্চ ইঞ্জিনের সাথে প্রাসঙ্গিক নয়। উদাহরণস্বরূপ, googlebranding বৈশিষ্ট্যটি শুধুমাত্র Google-হোস্ট করা সার্চ ইঞ্জিনের জন্য ব্যবহার করা হয় এবং আপনার সার্চ ইঞ্জিন "সার্চ এলিমেন্ট" হোস্টিং বিকল্প ব্যবহার করলে উপেক্ষা করা হয়।

আপনি যখন কন্ট্রোলপ্যানেলের ওভারভিউ পৃষ্ঠা থেকে সার্চ ইঞ্জিনের প্রসঙ্গ ফাইলটি ডাউনলোড করেন, তখন আপনি একটি সম্পূর্ণ সংজ্ঞায়িত LookAndFeel বিভাগ পাবেন। এমনকি আপনার বেছে নেওয়া সার্চ ইঞ্জিনের সাথে প্রাসঙ্গিক নয় এমন বৈশিষ্ট্য এবং উপাদানগুলির সংজ্ঞায়িত মান থাকবে। তারা শুধুমাত্র ডিফল্ট মান; তাদের উপেক্ষা করুন। শুধুমাত্র আপনার সার্চ ইঞ্জিনের ধরনকে প্রভাবিত করে এমন উপাদান এবং গুণাবলীতে মনোযোগ দিন।

পরবর্তী বিভাগগুলি নিম্নলিখিতগুলি নিয়ে আলোচনা করে:

• LookAndFeel উপাদানের বৈশিষ্ট্য
• LookAndFeel উপাদানের শিশু উপাদান

উপরে ফিরে যান

LookAndFeel এলিমেন্টের বৈশিষ্ট্য

সমস্ত LookAndFeel বৈশিষ্ট্য ঐচ্ছিক; যদি আপনি তাদের নির্দিষ্ট না করেন, প্রোগ্রামেবল সার্চ ইঞ্জিন ডিফল্ট মান ব্যবহার করবে। উদাহরণস্বরূপ, আপনি যদি LookAndFeel উপাদানটির element_layout বৈশিষ্ট্যটি সংজ্ঞায়িত না করেন, তাহলে প্রোগ্রামেবল সার্চ ইঞ্জিন এর ব্যাখ্যা করবে যে element_layout এর মান "1" । সমস্ত বৈশিষ্ট্য সব ধরনের সার্চ ইঞ্জিনের জন্য প্রাসঙ্গিক নয়।

আপনি কীভাবে বৈশিষ্ট্যগুলির মানগুলি সংজ্ঞায়িত করেছেন সে অনুসারে, প্রোগ্রামেবল সার্চ ইঞ্জিন অনুসন্ধান বাক্স এবং অনুসন্ধান ফলাফলের জন্য কোডের একটি সেট তৈরি করে৷ আপনি আপনার সার্চ ইঞ্জিনের ওভারভিউ পৃষ্ঠার কোড পান বিভাগে জেনারেট করা কোডের পূর্বরূপ দেখতে পারেন। আপনি জেনারেট করা কোড স্নিপেট কপি করতে পারেন এবং এটি আপনার ওয়েবপেজে ঢোকাতে পারেন।

নিম্নলিখিতটি সম্পূর্ণরূপে সংজ্ঞায়িত বৈশিষ্ট্য সহ একটি LookAndFeel উপাদানের একটি উদাহরণ:

<LookAndFeel googlebranding="watermark"
             element_layout="1"
             theme="1"
             custom_theme="false"
             text_font="Arial, sans-serif" />

নিম্নলিখিত সারণী CustomSearchEngine বৈশিষ্ট্য এবং তাদের মান তালিকাভুক্ত করে।

দ্রষ্টব্য: শুধুমাত্র আপনার নির্বাচিত হোস্টিং বিকল্পের সাথে প্রাসঙ্গিক বৈশিষ্ট্যের মান নির্ধারণ করুন। হোস্টিং বিকল্প কলাম আপনাকে বলে যে এই বৈশিষ্ট্যগুলি কোন হোস্টিং বিকল্পগুলিতে প্রযোজ্য।

উপরে ফিরে যান

text_font="Arial, sans-serif"

LookAndFeel এর শিশু উপাদান

LookAndFeel এর সমস্ত চাইল্ড উপাদান, Promotions উপাদান ব্যতীত, শুধুমাত্র অনুসন্ধান উপাদানের সাথে সম্পর্কিত। Promotions উপাদানের বেশিরভাগ বৈশিষ্ট্য সব ধরনের সার্চ ইঞ্জিনে প্রযোজ্য। বেশিরভাগ ক্ষেত্রে, শিশু উপাদানগুলি আপনার সার্চ ইঞ্জিনের বিভিন্ন উপাদানের রঙ নিয়ন্ত্রণ করে। রঙের মান হল স্ট্যান্ডার্ড HTML হেক্সাডেসিমেল নোটেশন । আপনি যদি উপাদানটির বৈশিষ্ট্যগুলি সংজ্ঞায়িত না করেন তবে প্রোগ্রামেবল সার্চ ইঞ্জিন ডিফল্ট মান ব্যবহার করে।

দ্রষ্টব্য: আপনি যদি একটি অনুসন্ধান উপাদান কাস্টমাইজ করতে চান, তাহলে চাইল্ড এলিমেন্টে মান নির্ধারণ করার আগে আপনাকে প্রথমে LookAndFeel এলিমেন্টের custom_theme অ্যাট্রিবিউটটিকে true হিসেবে সেট করতে হবে। আপনি যদি custom_theme অ্যাট্রিবিউটটিকে true এ সেট না করেন, তাহলে চাইল্ড এলিমেন্টে আপনার সংজ্ঞায়িত সমস্ত মান ( Promotions ব্যতীত) প্রোগ্রামেবল সার্চ ইঞ্জিন দ্বারা উপেক্ষা করা হবে।

LookAndFeel নিম্নলিখিত শিশু উপাদান রয়েছে।

• Colors - অনুসন্ধান উপাদানের রং নির্ধারণ করে।
• Promotions - প্রচারের চেহারা এবং অনুভূতি নির্ধারণ করে। সেটিংস সব ধরনের সার্চ ইঞ্জিনে প্রযোজ্য।
• SearchControls - অনুসন্ধান উপাদান অনুসন্ধান বাক্সের উপাদানগুলির রঙ নির্ধারণ করে।
• Results - অনুসন্ধান উপাদান ফলাফল বিভাগের উপাদানগুলির রং নির্ধারণ করে।

উপরে ফিরে যান

Colors শিশু উপাদান

Colors উপাদান অনুসন্ধান উপাদানের রঙ নির্ধারণ করে। অনুসন্ধান উপাদানের সাব-কম্পোনেন্টের রং পরিবর্তন করতে, যেমন একটি পৃথক অনুসন্ধান ফলাফল বা প্রচার, আপনাকে অন্যান্য ভাইবোন উপাদানগুলিতে মান সেট করতে হবে।

নীচে সম্পূর্ণরূপে সংজ্ঞায়িত বৈশিষ্ট্য সহ একটি Colors উপাদানের একটি উদাহরণ:

<Colors url="#3366cc"
        background="#FFFFFF"
        border="#336699"
        title="#0000CC"
        text="#000000"
        visited="#ffbd10"
        title_hover="#0000CC"
        title_active="#0000CC"/>

নিচের টেবিলে Colors ঐচ্ছিক বৈশিষ্ট্য এবং তাদের মান তালিকা করা হয়েছে।

উপরে ফিরে যান

Promotions শিশু উপাদান

Promotions উপাদান প্রচারের রং নিয়ন্ত্রণ করে, সেইসাথে ছবি এবং বিবরণ প্রদর্শন করা উচিত কিনা তা নির্ধারণ করে। প্রচারের চেহারা এবং অনুভূতি প্রসঙ্গ ফাইলে সংজ্ঞায়িত করা হলেও, প্রচারের বিষয়বস্তু নিজেই প্রচারের XML ফাইলে সংজ্ঞায়িত করা হয়। আরও জানতে, প্রচার দেখুন।

নিম্নলিখিতটি সম্পূর্ণরূপে সংজ্ঞায়িত বৈশিষ্ট্য সহ একটি Promotions উপাদানের একটি উদাহরণ:

<Promotions title_color="#006600"
            title_visited_color="#663399"
            url_color="#3366ff"
            background_color="#FFFFFF"
            border_color="#ffff33"
            snippet_color="#330000"
            show_image="true"
            show_snippet="true"
            title_hover_color="#0000CC"
            title_active_color="#0000CC" />  

নিম্নলিখিত সারণী Promotions ঐচ্ছিক বৈশিষ্ট্য এবং তাদের মান তালিকাভুক্ত করে৷

উপরে ফিরে যান

SearchControls চাইল্ড এলিমেন্ট

SearchControls উপাদান অনুসন্ধান বাক্সের রঙ এবং অনুসন্ধান উপাদানের পরিমার্জনার জন্য ট্যাবগুলি নিয়ন্ত্রণ করে। আপনি যদি আপনার সার্চ ইঞ্জিনে রিফাইনমেন্ট লেবেল তৈরি করে থাকেন, তাহলে লেবেলগুলি সার্চ এলিমেন্টে ট্যাব হিসেবে প্রদর্শিত হবে। আপনার যদি পরিমার্জন লেবেল না থাকে, তাহলে ট্যাবগুলি উপস্থিত হয় না এবং প্রোগ্রামেবল সার্চ ইঞ্জিন বৈশিষ্ট্যগুলির মান উপেক্ষা করে৷

আপনি যদি প্রোগ্রামেবল সার্চ ইঞ্জিনকে স্বয়ংসম্পূর্ণ প্রশ্নগুলি করতে চান, তবে প্রসঙ্গ ফাইলে CustomSearchEngine উপাদানের autocompletions বৈশিষ্ট্য বর্ণনাকারী বিভাগটি দেখুন৷

নিম্নলিখিতটি সম্পূর্ণরূপে সংজ্ঞায়িত বৈশিষ্ট্য সহ একটি SearchControls উপাদানের একটি উদাহরণ:

<SearchControls input_border_color="#BCCDF0"
                button_border_color="#666666"
                button_background_color="#CECECE"
                tab_border_color="#E9E9E9"
                tab_background_color="#E9E9E9"
                tab_selected_border_color="#FF9900"
                tab_selected_background_color="#FFFFFF" />

নিম্নলিখিত সারণী SearchControls ঐচ্ছিক বৈশিষ্ট্য এবং তাদের মান তালিকাভুক্ত করে।

উপরে ফিরে যান

Results শিশু উপাদান

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

চিত্র 1: মাউসওভারে হাইলাইট করা পৃথক ফলাফল সহ ফলাফল এবং পৃথক ফলাফল।

ফলাফল দুটি রাষ্ট্র আছে:

• সাধারণ অবস্থা - একটি পৃথক ফলাফলের চেহারা যখন মাউস এটির উপর ঘোরাফেরা করে না।
• হোভার স্টেট - মাউস কার্সার ঘোরার সময় একটি পৃথক ফলাফলের উপস্থিতি।

এই উপাদানটি পৃথক ফলাফলের জন্য রঙ নিয়ন্ত্রণ করে। সমস্ত ফলাফলের পটভূমি পরিবর্তন করতে, The Color Child Element বিভাগটি দেখুন।

নিম্নলিখিতটি সম্পূর্ণরূপে সংজ্ঞায়িত বৈশিষ্ট্য সহ একটি Results উপাদানের একটি উদাহরণ:

<Results border_color="#FFFFFF"
         border_hover_color="#FFFFFF"
         background_color="#FFFFFF"
         background_hover_color="#FFFFFF" />

নিম্নলিখিত সারণী Results ঐচ্ছিক বৈশিষ্ট্য এবং তাদের মান তালিকাভুক্ত করে।

উপরে ফিরে যান

একটি Google-হোস্টেড ফলাফল পৃষ্ঠায় একটি লোগো যোগ করা

আপনি যদি Google-কে আপনার ফলাফলের পৃষ্ঠা হোস্ট করতে দেন, তাহলে আপনি অনুসন্ধান ফলাফল পৃষ্ঠায় অনুসন্ধান বাক্সের ঠিক পাশে একটি লোগো বা ছোট ছবি অন্তর্ভুক্ত করতে পারেন। ছবিটি একটি ওয়েবসাইটে হোস্ট করা একটি .jpg, .png বা .gif ফাইল হতে হবে (সম্ভবত আপনার নিজের বা এমন কোনও ওয়েবসাইট থেকে যার কপিরাইট বিধিনিষেধ নেই)। আপনি ছবিটির সাথে একটি URL যুক্ত করতে পারেন, এটিকে ক্লিকযোগ্য করে তোলে।

দ্রষ্টব্য: আপনি যদি অনুসন্ধানের ফলাফলগুলি হোস্ট করতে প্রোগ্রামেবল অনুসন্ধান উপাদান ব্যবহার করেন তবে আপনি কন্ট্রোল প্যানেল বা প্রসঙ্গ ফাইল ব্যবহার করে একটি ছবি যোগ করতে পারবেন না।

নিম্নলিখিত একটি লোগো সহ ফলাফল পৃষ্ঠার একটি উদাহরণ.

চিত্র 3: একটি চিত্র সহ অনুসন্ধান বাক্স

চিত্র এবং এর URL LookAndFeel উপাদানের অধীনে Logo উপাদানের বৈশিষ্ট্যগুলিতে সংজ্ঞায়িত করা হয়েছে। নিম্নলিখিত উদাহরণটি দেখায় কিভাবে আপনার Google-হোস্ট করা ফলাফল পৃষ্ঠায় একটি লোগো যোগ করতে হয়।

<LookAndFeel>
   <Logo url="http://www.ascii.com/logo.gif"
         destination="http://www.ascii.com/"
         height="90"/>
   ...
</LookAndFeel>

নিম্নলিখিত সারণী Logo উপাদানের বৈশিষ্ট্যগুলি তালিকাভুক্ত করে৷

উপরে ফিরে যান