Google Search में, लोगों को अपने पसंदीदा सोर्स के ज़रिए आपकी साइट ढूंढने में मदद करना

अगर आपके पास वेबसाइट का मालिकाना हक है, तो Google Search में अपने पब्लिकेशन को पसंदीदा सोर्स के तौर पर ढूंढने में लोगों की मदद करें. जब कोई उपयोगकर्ता आपकी साइट को पसंदीदा सोर्स के तौर पर चुनता है, तो "खास खबरें" सेक्शन में आपका कॉन्टेंट दिखने की संभावना बढ़ जाती है. साथ ही, इसे "पसंदीदा" बैज के साथ हाइलाइट किया जाता है. जिन लोगों ने आपकी साइट को पसंदीदा सोर्स के तौर पर चुना है, उन्हें एआई मोड और एआई के जवाबों में आपका कॉन्टेंट, "पसंदीदा" बैज के साथ दिखेगा.

एआई मोड में पसंदीदा सोर्स से जानकारी पाने की सुविधा

'मुख्य खबरें' सेक्शन में पसंदीदा सोर्स से खबरें पाने की सुविधा

सुविधा की उपलब्धता

"खास खबरें" सेक्शन में पसंदीदा सोर्स से खबरें पाने की सुविधा, दुनिया भर में उन जगहों और भाषाओं में उपलब्ध है जिनमें Google Search की सुविधा मौजूद है. एआई मोड और एआई के जवाबों में भी पसंदीदा सोर्स से जानकारी दिख सकती है. जानकारी उन सभी भाषाओं और जगहों में दिखेगी जिनके लिए एआई की ये सुविधाएं उपलब्ध हैं.

पसंदीदा सोर्स तय करने के टूल सुविधा के तहत, सिर्फ़ डोमेन-लेवल और सबडोमेन-लेवल की साइटें दिख सकती हैं. उदाहरण के लिए, https://www.example.com/ और https://code.example.com/ को पसंदीदा सोर्स के तौर पर दिखाया जा सकता है, लेकिन सबडायरेक्ट्री https://www.example.com/blog के लिए के लिए ऐसा नहीं किया जा सकता.

आपकी साइट को पसंदीदा सोर्स के तौर पर ढूंढने में उपयोगकर्ताओं की मदद करने का तरीका

अगर आपकी साइट पसंदीदा सोर्स तय करने के टूल में दिखती है, (यह देखने के लिए कि आपकी साइट टूल में दिखती है या नहीं, टूल के खोज बॉक्स में अपनी साइट का नाम डालें) तो उसे पसंदीदा सोर्स के तौर पर चुनने के बारे में लोगों को बताने के लिए, इन तरीकों का इस्तेमाल करें:

स्टैंडर्ड JavaScript लागू करना (सुझाया गया): अपने वेब पेजों पर एक इंटरैक्टिव बटन जोड़ें. इससे, ऑडियंस आपकी साइट को पसंदीदा सोर्स के तौर पर आसानी से जोड़ सकेगी और आपके पेज पर वापस आ सकेगी. एचटीएमएल में सिर्फ़ दो लाइनें जोड़कर, इस विकल्प की मदद से Google के स्टाइल वाला बटन अपने-आप रेंडर हो जाता है. यह बटन, डिवाइस और भाषा के हिसाब से अपने-आप बदल जाता है. साथ ही, इसे डिवाइस और भाषा के हिसाब बदला जा सकता है.
कस्टम डिज़ाइन ऐसेट के साथ ऐडवांस JavaScript लागू करना: अगर आपको अपनी डिज़ाइन ऐसेट का इस्तेमाल करना है और स्टैंडर्ड JavaScript बटन को पसंद के मुताबिक बनाना है, तो ऐडवांस JavaScript लागू करने के निर्देशों का पालन करें. असली उपयोगकर्ता के लिए यूज़र इंटरफ़ेस (यूआई) का फ़्लो, स्टैंडर्ड JavaScript लागू करने जैसा ही रहता है.
डीपलिंक लागू करना: अगर इंटरैक्टिव बटन लागू नहीं किया जा सकता (उदाहरण के लिए, आपका कॉन्टेंट मैनेजमेंट सिस्टम इसे सपोर्ट नहीं करता), तो डीपलिंक का इस्तेमाल करके लोगों को अपनी साइट को पसंदीदा सोर्स के तौर पर जोड़ने के लिए कहा जा सकता है. इसके लिए, अपने वेब पेजों पर टेक्स्ट लिंक या क्लिक की जा सकने वाली इमेज जोड़ें. डीप लिंक का इस्तेमाल, सोशल मीडिया पोस्ट, ईमेल न्यूज़लेटर या प्रमोशन में भी किया जा सकता है.

स्टैंडर्ड JavaScript लागू करना (सुझाया गया)

एचटीएमएल में सिर्फ़ दो लाइनें जोड़कर, अपने-आप अनुवाद होने की सुविधा वाला इंटरैक्टिव बटन जोड़ा जा सकता है. इससे ऑडियंस आपकी साइट को पसंदीदा सोर्स के तौर पर आसानी से जोड़ सकती है. साथ ही, वह आपके पेज पर वहीं से पढ़ना शुरू कर सकती है जहां उसने पढ़ना छोड़ा था. आपके पास बटन की थीम (गहरे या हल्के रंग वाली) सेट करने का विकल्प भी होता है. इसके अलावा, बटन की भाषा को बदला जा सकता है. हमारा सुझाव है कि आप इसे लागू करें, क्योंकि इससे ऑडियंस को बेहतर उपयोगकर्ता अनुभव मिलता है.

यह इस तरह दिखेगा:

अपने वेब पेज पर JavaScript बटन जोड़ने के लिए, यह तरीका अपनाएं:

अपने वेब पेज पर यह <script> टैग जोड़ें. इसे <head> एलिमेंट में जोड़ना बेहतर होता है. इससे, पसंदीदा सोर्स की लाइब्रेरी लोड होती है.
```
<script async src="https://news.google.com/swg/js/v1/publisher.js"></script>
```
अपने वेब पेज के बॉडी सेक्शन पर जिस भी हिस्से में आपको यह बटन दिखाना है वहां <div> टैग जोड़ें.
```
<div google-add-preferred-source-btn></div>
```

बटन की थीम सेट करना

डिफ़ॉल्ट रूप से, "पसंदीदा सोर्स में जोड़ें" बटन, हल्के रंग वाली थीम में दिखता है. थीम में बदलाव करने के लिए, data-theme डेटा एट्रिब्यूट को अपने <div> एलिमेंट में जोड़ें. इसके बाद, इसे light या dark पर सेट करें:

<div google-add-preferred-source-btn data-theme="dark"></div>

बटन की भाषा बदलना

डिफ़ॉल्ट रूप से, "पसंदीदा सोर्स में जोड़ें" बटन, उपयोगकर्ता की भाषा में दिखता है. यह भाषा, ब्राउज़र सेटिंग के हिसाब से तय होती है. इस सेटिंग को बदलने के लिए, अपने <div> एलिमेंट में data-lang डेटा एट्रिब्यूट जोड़ें. इसके बाद, इसे अपनी पसंद की भाषा के कोड पर सेट करें. सुविधा की उपलब्धता वाली भाषाओं के कोड की सूची डाउनलोड करें:

<div google-add-preferred-source-btn data-lang="en"></div>

उन भाषाओं के कोड डाउनलोड करें जिनमें यह सुविधा उपलब्ध है

कस्टम डिज़ाइन ऐसेट के साथ ऐडवांस JavaScript लागू करना

डिफ़ॉल्ट रूप से, स्टैंडर्ड JavaScript बटन, google-add-preferred-source-btn एट्रिब्यूट वाले एलिमेंट के लिए डीओएम को अपने-आप स्कैन करता है और स्टैंडर्ड बैज रेंडर करता है. हालांकि, कस्टम इंटिग्रेशन के लिए, जहां आपको अपने यूज़र इंटरफ़ेस (यूआई) एलिमेंट या ऐप्लिकेशन के माइलस्टोन से फ़्लो को ट्रिगर करना है, वहां क्लाइंट को प्रोग्राम के हिसाब से शुरू किया जा सकता है. साथ ही, फ़्लो को कस्टम ट्रिगर से जोड़ा जा सकता है.

कस्टम यूज़र इंटरफ़ेस, ऐप्लिकेशन के माइलस्टोन या मॉडर्न फ़्रेमवर्क ऐप्लिकेशन में पसंदीदा सोर्स लाइब्रेरी को इंटिग्रेट करते समय, हमारे JavaScript SDK का इस्तेमाल करके रनटाइम सेटिंग तय करने और फ़्लो शुरू करने पर पूरा प्रोग्रामैटिक कंट्रोल लिया जा सकता है. हम आपके टूल और आर्किटेक्चर के आधार पर, इंटिग्रेशन के दो अलग-अलग तरीके उपलब्ध कराते हैं: ईएस मॉड्यूल इंपोर्ट (ईएसएम) और स्टैंडर्ड स्क्रिप्ट कॉलबैक सूची (आईआईएफ़ई). दोनों डिस्ट्रिब्यूशन मॉडल, एक जैसी सुविधाएं और तरीके उपलब्ध कराते हैं.

ES मॉड्यूल इंपोर्ट

मॉडर्न बिल्ड सेटअप और मॉड्यूल पर आधारित एनवायरमेंट के लिए, लाइब्रेरी को सीधे अपने कोड में इंपोर्ट करें.

import { preferredSource } from
  "https://news.google.com/swg/js/v1/publisher.mjs";

// 1. Initialize directly using the imported module instance
preferredSource.init({
  theme: 'light', // Theme choice: "light" or "dark" (default "light")
  lang: 'en'      // Optional: override language (defaults to page language)
});

// 2. Programmatically bind flow invocation using a click handler
const button = document.querySelector('#myButton');
button.onclick = () => {
  preferredSource.addPreferredSource();
};

मानक स्क्रिप्ट कॉलबैक सूची

स्टैंडर्ड स्क्रिप्ट टैग इंटिग्रेशन के लिए, अपने दस्तावेज़ के <head> में preferred-sources-control="manual" एट्रिब्यूट के साथ यह स्क्रिप्ट लोड करें, ताकि बटन को अपने-आप रेंडर होने से रोका जा सके:

<script async preferred-sources-control="manual" src="https://news.google.com/swg/js/v1/publisher.js"></script>

ध्यान दें: अगर preferred-sources-control="manual" एट्रिब्यूट को शामिल नहीं किया जाता है, तो यह google-add-preferred-source-btn एट्रिब्यूट वाले किसी भी एलिमेंट को खोजेगा और उसे तुरंत शुरू कर देगा.

इसके बाद, विकल्पों को शुरू करने और कस्टम ट्रिगर बाइंड करने के लिए, ग्लोबल PREFERRED_SOURCE कॉलबैक सूची का इस्तेमाल करें:

<script>
  (self.PREFERRED_SOURCE = self.PREFERRED_SOURCE || []).push(
    function(preferredSource) {
      // 1. Initialize with options
      preferredSource.init({
        theme: 'light',
        lang: 'en'
      });

      // 2. Programmatically bind trigger button
      const button = document.querySelector('#myButton');
      button.addEventListener('click', () => {
        preferredSource.addPreferredSource();
      });
  });
</script>

बटन, डिक्लेरेटिव कंटेनर, आईआईएफ़ई स्क्रिप्ट, और ईएस मॉड्यूल बंडल में लाइव इस्तेमाल दिखाने वाले इंटरैक्टिव फ़्रंटएंड और बैकएंड लागू करने के लिए, पसंदीदा सोर्स का डेमो देखें.

डीपलिंक लागू करना

अगर आपकी वेबसाइट पर JavaScript का इस्तेमाल नहीं किया जा सकता, तो उपयोगकर्ताओं को पसंदीदा सोर्स तय करने के टूल पर भेजने के लिए, डीपलिंक का इस्तेमाल किया जा सकता है. इस टूल की मदद से, उपयोगकर्ता आपकी साइट को पसंदीदा सोर्स के तौर पर जोड़ सकते हैं और अपने चुने गए विकल्प की पुष्टि कर सकते हैं.

इस यूआरएल फ़ॉर्मैट का इस्तेमाल करें और example.com को अपने पब्लिकेशन के डोमेन नेम से बदलें. यह लोगों को सीधे, पसंदीदा सोर्स तय करने के टूल में दिखाई गई आपकी साइट पर ले जाता है:

https://www.google.com/preferences/source?q=Your_Website's_URL

टेक्स्ट लिंक का उदाहरण

<a
  href="https://www.google.com/preferences/source?q=example.com">
  Add as Preferred Source
</a>

क्लिक की जा सकने वाली इमेज के लिंक का उदाहरण

<a
  href="https://www.google.com/preferences/source?q=example.com">
  <img src="path/to/your/button.png" alt="Add as Preferred Source">
</a>

बटन इमेज ऐसेट

आपके पास अपनी पसंद के मुताबिक प्रमोशन बैज डिज़ाइन करने या Google की ओर से उपलब्ध कराई गई, अनुवाद की गई आधिकारिक ग्राफ़िक ऐसेट डाउनलोड करने का विकल्प है:

डाउनलोड बटन की ऐसेट