# गूगल टैग मैनेजर के माध्यम से वेब पुश

बिना किसी कोडिंग के चार चरणों में पुश नोटिफिकेशन लागू करें!
Pushwoosh WebSDK Lite को गूगल टैग मैनेजर के माध्यम से आपकी वेबसाइट में जोड़ा जा सकता है, जिससे एकीकरण प्रक्रिया यथासंभव आसान हो जाती है।

<Aside type="note">
#### आंशिक कार्यक्षमता

ध्यान दें कि आपकी वेबसाइट के सभी आगंतुकों में से, केवल क्रोम या फ़ायरफ़ॉक्स का उपयोग करने वाले ही पुश नोटिफिकेशन के लिए सब्सक्राइब कर पाएंगे और प्राप्त कर पाएंगे। WebSDK Lite में Pushwoosh सुविधाओं, जैसे कस्टम टैग, UserID, या इवेंट-ट्रिगर मैसेजिंग तक भी सीमित पहुंच है। विवरण के लिए, कृपया हमारी [सपोर्ट टीम](https://help.pushwoosh.com/hc/en-us/requests/new/) से संपर्क करें!
</Aside>

## एकीकरण

### फायरबेस क्रेडेंशियल्स

[फायरबेस कंसोल](https://console.firebase.google.com/project/_/settings/cloudmessaging/) में, अपना फायरबेस **सर्वर की** और **सेंडर आईडी** प्राप्त करने के लिए अपना प्रोजेक्ट चुनें। कृपया संदर्भ के लिए नीचे दिया गया स्क्रीनशॉट देखें:

<img src="/web-push-notifications-web-push-via-google-tag-manager-1.webp" alt=""/>

### Pushwoosh कंट्रोल पैनल

Pushwoosh [**कंट्रोल पैनल**](https://go.pushwoosh.com/v2/applications) पर जाएं और एक नया ऐप जोड़ें। खुले हुए पेज पर, संबंधित पंक्ति में **कॉन्फ़िगर करें** बटन पर क्लिक करके क्रोम या फ़ायरफ़ॉक्स प्लेटफ़ॉर्म को कॉन्फ़िगर करें। फ़ॉर्म भरें:

* फायरबेस कंसोल से **सर्वर की** को **API की** फ़ील्ड में;
* फायरबेस कंसोल से **सेंडर आईडी** को **FCM सेंडर आईडी** फ़ील्ड में;
* आपकी वेबसाइट का सटीक पता **वेबसाइट का नाम** फ़ील्ड में।

<img src="/web-push-notifications-web-push-via-google-tag-manager-2.webp" alt=""/>

नए बनाए गए ऐप का एप्लिकेशन कोड कॉपी करना सुनिश्चित करें, आपको बाद में इसकी आवश्यकता होगी। ऐप कोड नीचे हाइलाइट किया गया है:

<img src="/web-push-notifications-web-push-via-google-tag-manager-3.webp" alt=""/>

### गूगल टैग मैनेजर

**1.** गूगल टैग मैनेजर में, एक कंटेनर चुनें या एक नया बनाएं।

<img src="/web-push-notifications-web-push-via-google-tag-manager-4.webp" alt=""/>

**2.** एक नया टैग बनाएं और टैग कॉन्फ़िगरेशन में **कस्टम HTML** चुनें।

<img src="/web-push-notifications-web-push-via-google-tag-manager-5.webp" alt=""/>

**3.** नीचे दिए गए स्क्रिप्ट को कॉपी करें और इसे HTML फ़ील्ड में पेस्ट करें;

```txt
<script type="text/javascript" src="//cdn.pushwoosh.com/webpush-lite/v1/pushwoosh-web-notifications-lite.js?pw_application_code=#####-#####" async></script>
```

**4.** स्क्रिप्ट में संख्या चिह्नों `#####-#####` (नीचे चित्र पर हाइलाइट किया गया) को अपने Pushwoosh एप्लिकेशन कोड में बदलें, जिसे आपने चरण 2 में प्राप्त किया था।

<img src="/web-push-notifications-web-push-via-google-tag-manager-6.webp" alt=""/>

**5.** ट्रिगरिंग विकल्पों तक नीचे स्क्रॉल करें और **सभी पेज** चुनें।

<img src="/web-push-notifications-web-push-via-google-tag-manager-7.webp" alt=""/>

**6.** "सहेजें" पर क्लिक करें। आपका टैग तैयार है!

### पुश सब्सक्रिप्शन बटन

उपयोगकर्ताओं को पुश सब्सक्रिप्शन बटन के साथ पुश नोटिफिकेशन के लिए सब्सक्राइब करने दें। बटन सेट करने के लिए, बस गूगल टैग मैनेजर के माध्यम से निम्नलिखित स्क्रिप्ट जोड़ें।

```txt
<div style="text-align:center;margin:90px 0;">
  <button style="color:#000000;background: none;font-size: 16px;cursor: pointer;font-weight: 700;padding:0 60px;line-height: 60px;border:3px solid #000000;" type="button" name="button" onclick="window.pushwooshLite.instance.showSubscriptionWindow()">Subscribe Now</button>
</div>
```

सब हो गया! आपकी वेबसाइट के आगंतुक अब पुश संदेशों के लिए सब्सक्राइब कर सकते हैं और प्राप्त कर सकते हैं।