सामग्री पर जाएं

Marketo इंटीग्रेशन

यह गाइड बताता है कि Marketo को Pushwoosh के साथ कैसे इंटीग्रेट करें। आप Marketo के साथ अपने मार्केटिंग अभियानों के हिस्से के रूप में वेब पुश नोटिफिकेशन संचार चैनल का उपयोग कर पाएंगे।

उदाहरण के लिए, कल्पना कीजिए कि एक उपयोगकर्ता आपके Marketo लैंडिंग पेज पर गया लेकिन वहां कोई कार्रवाई नहीं की। आप इस उपयोगकर्ता तक एक रिमाइंडर के रूप में वेब पुश नोटिफिकेशन के साथ पहुंच पाएंगे। अधिकतम एंगेजमेंट के लिए इस वेब पुश नोटिफिकेशन को इस उपयोगकर्ता के लिए रिकॉर्ड किए गए Marketo डेटा के साथ व्यक्तिगत भी किया जा सकता है!

1. सर्विस वर्कर बनाना

Anchor link to

इस गाइड का पालन करें और आवश्यक चरण और चरण 1 - 2.2 करें।

उपरोक्त चरणों को पूरा करने के बाद आपके पास manifest.json और pushwoosh-service-worker.js फाइलें तैयार होनी चाहिए।

Marketo Design Studio पर स्विच करें। Marketo केवल रिसोर्स फ़ोल्डर में फ़ाइलें अपलोड कर सकता है, जिसे “Images and Files” कहा जाता है। manifest.json और pushwoosh-service-worker.js को इन फ़ोल्डर में अपलोड करें।

Marketo में manifest.json और सर्विस वर्कर फ़ाइलों को अपलोड करना

2. पुश सब्सक्रिप्शन पेज बनाना

Anchor link to

जैसा कि ऊपर बताया गया है, Marketo केवल रिसोर्स फ़ोल्डर में फ़ाइलें अपलोड कर सकता है जो लैंडिंग पेजों के स्कोप से अलग है। उदाहरण के लिए यदि आप ऊपर अपलोड की गई किसी भी फ़ाइल पर क्लिक करते हैं और उसका URL जांचते हैं तो आपको कुछ ऐसा दिखाई देगा “https://your-host-name.com/rs/765-IWA-819/images/pushwoosh-service-worker.js”। हालांकि यदि आप लैंडिंग पेज पर क्लिक करते हैं और उसका URL जांचते हैं तो यह कुछ इस तरह होगा: “https://your-host-name.com/lp/765-IWA-819/pushwoosh-landing.html”। लैंडिंग पेज URL में “lp” भाग और स्क्रिप्ट URL में “rs” पर ध्यान दें।

इसका मतलब है कि हमें अपने Service Worker स्क्रिप्ट को लैंडिंग पेजों से अलग स्कोप में पंजीकृत करने की आवश्यकता है।

इसे प्राप्त करने के लिए हम Marketo रिसोर्स फ़ोल्डर में एक विशेष पुश सब्सक्रिप्शन पेज अपलोड करेंगे और फिर इसे लैंडिंग पेज से खोलेंगे। चलिए यह सब्सक्रिप्शन पेज बनाते हैं।

निम्नलिखित gist से push-subscription.html फ़ाइल प्राप्त करें: https://gist.github.com/shaders/2b518e3acaf9b4712d5260205243343d#file-push-subscription-html

फ़ाइल खोलें और निम्नलिखित पंक्तियों को बदलें:

  • लाइन 8 - पिछले चरण में अपलोड की गई manifest.json फ़ाइल के URL का लिंक बदलें।
  • लाइन 24 - scope पैरामीटर मान को अपने रिसोर्स फ़ोल्डर के URL में बदलें (यह वह फ़ोल्डर है जहां manifest.json है)।
  • लाइन 20 - applicationCode पैरामीटर मान को अपनी Pushwoosh ऐप आईडी में बदलें।

ध्यान दें कि स्क्रिप्ट Pushwoosh उपयोगकर्ता-केंद्रित पुश नोटिफिकेशन को Marketo के लीड आइडेंटिफ़ायर के साथ भी मैप करती है: userId:leadId (लाइन 26)

परिणामी फ़ाइल को “Images and Files” फ़ोल्डर में अपलोड करें। अब आपके पास फ़ोल्डर में ये फ़ाइलें होनी चाहिए:

Marketo Images and Files फ़ोल्डर में अपलोड की गई फ़ाइलें

3. पुश सब्सक्रिप्शन के साथ लैंडिंग पेज बनाना

Anchor link to

निम्नलिखित gist से pushwoosh-template.html फ़ाइल प्राप्त करें: https://gist.github.com/shaders/2b518e3acaf9b4712d5260205243343d#file-pushwoosh-template-html

फ़ाइल खोलें और निम्नलिखित पंक्तियों को बदलें:

  • लाइन 47 - scope पैरामीटर मान को अपने रिसोर्स फ़ोल्डर के URL में बदलें।
  • लाइन 65 - पिछले चरण में अपलोड की गई push-subscription.html फ़ाइल के URL का लिंक बदलें।
  • लाइन 43 - applicationCode पैरामीटर मान को अपनी Pushwoosh ऐप आईडी में बदलें।

यह स्क्रिप्ट पिछली वाली की तरह Pushwoosh उपयोगकर्ता-केंद्रित पुश नोटिफिकेशन को Marketo के लीड आइडेंटिफ़ायर के साथ भी मैप करती है: userId:leadId (लाइन 49)

अब अपने Marketo लैंडिंग पेजों के “Templates” सेक्शन पर जाएं, टेम्पलेट बनाएं (नीचे स्क्रीनशॉट में “pushwoosh-template” कहा गया है) और परिणामी फ़ाइल की सामग्री को वहां कॉपी-पेस्ट करें।

Marketo Templates सेक्शन में pushwoosh-template बनाना

अब चलिए इस टेम्पलेट के आधार पर एक नया लैंडिंग पेज बनाते हैं।

pushwoosh टेम्पलेट के आधार पर नया लैंडिंग पेज बनाना

हमारे उदाहरण में Marketo अभियान स्वचालन के साथ Pushwoosh इंटीग्रेशन की क्षमताओं को दिखाने के लिए, सरलता के लिए हम लैंडिंग पेज पर एक साधारण लिंक जोड़ेंगे। हम एक अभियान बनाने जा रहे हैं जो उपयोगकर्ता द्वारा इस लिंक पर क्लिक करने पर व्यक्तिगत पुश नोटिफिकेशन को ट्रिगर करेगा।

हम लैंडिंग पेज के समान URL का उपयोग करने जा रहे हैं।

<a href="https://na-ab24.marketo.com/lp/765-IWA-819/pushwoosh-landing.html">Send me an Offer!</a>
पुश नोटिफिकेशन ऑफ़र के लिए लिंक वाला लैंडिंग पेज

4. Pushwoosh वेबहुक बनाना

Anchor link to

Marketo के “Admin” सेक्शन पर जाएं और निम्नलिखित मापदंडों के साथ एक नया वेबहुक बनाएं:

निम्नलिखित कोड को एक टेम्पलेट के रूप में पेस्ट करें।

{
"request": {
"application": "ENTER_YOUR_PUSHWOOSH_APP_ID",
"auth": "ENTER_YOUR_PUSHWOOSH_API_TOKEN_HERE",
"notifications": [{
"send_date": "now",
"ignore_user_timezone": true,
"content": "We've got a new offer for you!",
"users" : ["{{lead.Id:default="ABCD-EFGH"}}"]
}]
}
}

ध्यान दें कि हम Pushwoosh में उपयोगकर्ता को संदर्भित करने के लिए Marketo लीड आईडी का उपयोग करते हैं। उपयोगकर्ता-केंद्रित पुश नोटिफिकेशन के बारे में अधिक जानकारी यहां देखें।

Marketo एडमिन सेक्शन में वेबहुक कॉन्फ़िगरेशन

हमारे बहुत ही सरल उदाहरण में हम स्थिर पुश संदेश का उपयोग करते हैं। हालांकि आप createMessage की सभी कार्यक्षमता का उपयोग कर सकते हैं

पुश नोटिफिकेशन को व्यक्तिगत बनाने के लिए आप Pushwoosh से Preset का उपयोग कर सकते हैं और पुश निजीकरण के लिए /createMessage कॉल के “dynamic_content_placeholders” मापदंडों में Marketo से मान पास कर सकते हैं।

5. Marketo ऑटोमेशन अभियान के साथ इंटीग्रेट करना

Anchor link to

Marketo के “Marketing Activities” सेक्शन पर जाएं और एक अभियान बनाएं।

हमारे उदाहरण के लिए हम अभियान को तब ट्रिगर करेंगे जब उपयोगकर्ता हमारे लैंडिंग पेज पर एक लिंक (जो हमने अभी दो चरण पहले बनाया है) पर क्लिक करेगा।

Marketo अभियान में उपयोगकर्ता क्लिक इवेंट के लिए ट्रिगर कॉन्फ़िगरेशन

b. “Flow” सेक्शन में “send_push” वेबहुक चुनें

अभियान फ्लो सेक्शन में send_push वेबहुक का चयन
  • अब लैंडिंग पेज URL खोलें
  • पुश सब्सक्रिप्शन डायलॉग खोलने के लिए “Yes, I Want” बटन पर क्लिक करें
  • पुश नोटिफिकेशन के लिए सब्सक्राइब करें
  • “Send me an Offer!” लिंक पर क्लिक करें

आपको अपना Marketo स्वचालित पुश नोटिफिकेशन मिल गया है!

Marketo स्वचालित पुश नोटिफिकेशन सफलतापूर्वक भेजा गया