आरएसएस फ़ीड से कस्टम MailChimp ऑटो-फीड

हर कोई जानता है कि एक समाचार पत्र कैसे करना है। बहुत से लोग जानते हैं कि ट्रिगर चेन कैसे बनाई जाती है। किसी को पता है कि ब्लॉग के RSS फ़ीड से न्यूज़लेटर कैसे सेट किया जाता है। हमें गहरी खुदाई करनी थी, क्योंकि हम चाहते थे कि हमारा समाचार पत्र सरल नहीं, बल्कि सुंदर और विस्तृत हो। आखिरकार, यह एक दिलचस्प ब्लॉग से बनाया गया है, जिस पर हमने बहुत प्रयास किया।

एक साधारण दिखने वाले पत्र में प्रत्येक विवरण के लिए मुझे इस प्यारे बंदर से लड़ना था। यह सब काम कर गया। हम आपको बताते हैं कैसे।

Mailhimp एक अंग्रेजी भाषा और कभी-कभी अतार्किक इंटरफ़ेस सेवा है। लेकिन वह जानता है कि कितना और कितना लोकप्रिय है कि उसके लिए सभी संभावित तरीकों से पाठकों तक सामग्री पहुंचाने के लिए सावधानीपूर्वक निर्देश लिखे गए थे।

हमने अपनी PromoPult ब्लॉग पोस्टिंग के लिए Mailhimp भी चुना है। Mailahhimp की विशेषताओं में से एक ऑटो अभियान है। आप नियमित मेलिंग, व्यक्तिगत पत्र अनुसूची कर सकते हैं, स्वागत पत्र स्थापित कर सकते हैं और बहुत कुछ।

यह कहानी ब्लॉग पोस्टों की ऑटो-पोस्टिंग स्थापित करने के बारे में है। हफ्ते में एक बार सब्सक्राइबर के मेल को ताजा सामग्री का पाचन।

ऑटो-लिंक के लिए मानक विकल्प और यह हमारे अनुरूप क्यों नहीं था

Mailhimp में किसी भी फ़ंक्शन पर उत्कृष्ट दस्तावेज़ हैं, और विशेष रूप से इसके बारे में भी: Mailchimp के साथ अपने ब्लॉग पोस्ट साझा करें । रूसी में अनुवाद भी मिल सकता है, पर्याप्तता की अलग-अलग डिग्री के।

संक्षेप में, आपको ऑटो-लिंक बनाने के लिए क्या चाहिए:

1. MailChimp के लिए एक अलग RSS फ़ीड बनाएं (या यहां तक ​​कि बनाएं नहीं, लेकिन एक मानक फ़ीड का उपयोग करें)।
2. एक अभियान बनाएँ, स्रोत निर्दिष्ट करें, भेजने की स्थिति को कॉन्फ़िगर करें।
3. टेम्पलेट बनाएं और चुनें।
4. हो गया। आप अद्भुत हैं!

जो बात हमें नहीं सुहाती, वह यह है कि अपनी किसी भी चीज को जोड़ना असंभव है।

RSS फीड से बेसिक डेटा हैं जो मेलहिम्प समझता है:

• फ़ीड के बारे में मूल जानकारी (शीर्षक, लिंक, विवरण, निर्माण की तारीख या अद्यतन की अद्यतन) - *|RSSFEED|* ।
• एक अलग पोस्ट का लिंक - टैग *|RSSFEED:URL|* , <link> <item> अंदर <link> दिखता है।
• एकल पद का शीर्षक टैग है *|RSSITEM:TITLE|* , <title> दिखता है।
• एकल पोस्ट के प्रकाशन की तिथि - टैग *|RSSITEM:DATE|* , <pubDate> ।
• एक अलग पोस्ट की टेक्स्ट घोषणा - टैग *|RSSITEM:CONTENT|* , <description> , यदि यह टैग <item> अंदर नहीं है - MailChimp <content:encoded> पर दिखता है। आप अंदर HTML टैग का उपयोग कर सकते हैं।
  
• किसी एक पोस्ट की पूर्ण सामग्री टैग है *|RSSITEM:CONTENT_FULL|* , <content:encoded> पर दिखता है।
• एक पोस्ट की छवि , अक्सर एक पूर्वावलोकन (वर्डप्रेस शब्दों में थंबनेल ) - टैग *|RSSITEM:IMAGE|* , <media:content> देखता है और <media:content> टैग के लिए अतिरिक्त टैग और विशेषताओं के बारे में मत भूलना: आयु चिह्नों, फ़ाइल के बारे में जानकारी और इसी तरह।

और हमारे पास एक अलग पोस्ट में अतिरिक्त चीजें हैं:

• टिप्पणी काउंटर
• काउंटर देखें ;
• काउंटर की तरह
• मैं मानव प्रारूप में पोस्ट के प्रकाशन की तारीख दिखाना चाहता हूं : सबसे पहले, रूसी में, घोषणा के साथ और यदि पोस्ट इस साल प्रकाशित हुई थी - तो प्रकाशन का वर्ष न दिखाएं (अब ब्लॉग में सब कुछ काम करता है, पत्रों में मैं विवरणों पर समान ध्यान देना चाहता हूं) ;
• अलग-अलग कस्टम पोस्ट कवर , जिन्हें आपको किसी तरह से बाहर तक पहुंचने की आवश्यकता है;
• श्रेणी से सभी पदों के लिंक के साथ श्रेणी।

और आप इसे नियमित रूप से RSS फ़ीड में नहीं डाल सकते हैं - इसके अनुरूप टैग नहीं हैं। कस्टम MailChimp टैग समझ में नहीं आते हैं और इसके लिए दोषी नहीं होना चाहिए। हमें ऐसे समाधान की तलाश करने की जरूरत है जो सभी के अनुकूल हो और टूटेगा नहीं।

पाचन टेम्पलेट में एक अलग पोस्ट कार्ड में दिखाए जाने वाले डेटा को उपस्थिति से जोड़ा जाता है। डिजाइनर ने आकर्षित किया, टाइप्टर को बहुत नुकसान हुआ और पत्र बना।

साप्ताहिक डाइजेस्ट में PromoPult ब्लॉग पोस्ट कार्ड

हमने समस्या का समाधान कैसे किया

RSS फ़ीड्स बनाएं

पहली बात यह है कि MailChimp के लिए एक अलग RSS फ़ीड बनाएं। PromoPult ब्लॉग पर पहले से ही कई समान फ़ीड हैं: Yandex.Zen के लिए और टर्बो पृष्ठों के लिए ।

आप add_feed () के माध्यम से एक नया फ़ीड बना सकते हैं। यहाँ विषय समारोह फ़ाइल में कोड है:

functions.php:

 /* start       MailChimp */ add_action( 'init', 'customRSSforMC' ); function customRSSforMC() { add_feed( 'mchimp', 'customRSSforMCFunc' ); } function customRSSforMCFunc() { get_template_part( 'rss', 'mchimp' ); } /* end       MailChimp */ 

पंक्ति संख्या 7 में get_template_part ( 'rss', 'mchimp' ); - इंगित करता है कि फ़ीड के लिए टेम्पलेट थीम फ़ोल्डर की जड़ में है और इसे rss-zen.php कहा जाता है।

फ़ाइल बनाने और फ़ंक्शन को जोड़ने के बाद, आपको वर्डप्रेस व्यवस्थापक पैनल, सीएनसी सेटिंग्स: "कंसोल → सेटिंग्स → पर्मलिंक" पर जाने की जरूरत है और "परिवर्तन सहेजें" बटन पर क्लिक करें ताकि वर्डप्रेस /feed/URL सेटिंग्स को अपडेट करे और लाइन नंबर 4 के पहले पैरामीटर में दिए गए /feed/URL पर खुलता है। नया आरएसएस फ़ीड।

टेप बनाते समय आपको एक बार ऐसा करने की आवश्यकता होती है।

हमारा उदाहरण देखें: https://blog.promopult.ru/feed/mchimp

टेप के अंदर क्या है

फ़ीड के अंदर ही एक नियमित वर्डप्रेस पोस्ट लूप है: query_posts () । यह आपको बहुत लचीले ढंग से पदों का चयन करने और फ़िल्टर करने की अनुमति देता है: जैसे कि आप अलग-अलग श्रेणियों, चयनों, अभिलेखों वाले पृष्ठ, और वर्डप्रेस पदों के लिए आपकी ज़रूरत की सभी चीज़ों की स्थापना कर रहे थे।

लेकिन इससे पहले कि आप समस्या के सही समाधान के लिए आएं, RSS फीड के मानक डिज़ाइनों के अंदर लिखने के लिए महत्वपूर्ण डेटा को रटना और उन्हें MailChimp में उपयोग करने के लिए कई प्रयास किए गए थे।

उदाहरण के लिए, टिप्पणी काउंटर के लिए ऐसा विकल्प था:

 <item> [...] <title><?php the_title_rss(); ?></title> <link><?php the_permalink_rss(); ?>?utm_source=newsletter</link> //      1,    <?php if (get_comments_number() >= 1) { ?> <commentsCounter><?php comments_number('0', '1', '%'); ?></commentsCounter> <?php } ?> [...] </item> 

यह विकल्प, निश्चित रूप से, डेटा के संदर्भ में काम करता है: जो कुछ भी आवश्यक है उसे प्राप्त किया जाता है और सही ढंग से प्रदर्शित किया जाता है। लेकिन MailChimp <commentsCounter> को किसी अन्य गैर-मानक टैग की तरह नहीं समझता है।

इसके अलावा, उदाहरण के लिए, तारीखों के साथ। MailChimp का अपना टैग है: *|RSSITEM:DATE:d/m/y|* , और आप इसके लिए दिनांक स्वरूपण विकल्प पास कर सकते हैं। लेकिन, दुर्भाग्य से, पत्र में यह बिल्कुल भी मानवीय नहीं दिखता है। सामान्य रूप से दिनांक अनुवाद के बारे में, आप बात नहीं कर सकते।

एक और समस्या चित्रों की है। आपने अपने सुंदर लेखन का सामना किया है और किया है। आपको एक चित्र प्रदर्शित करने की आवश्यकता है। ईमेल टेम्पलेट में, आप यह करते हैं:

 <img src="*|RSSITEM:IMAGE|*" alt="*|RSSITEM:TITLE|*" /> 

लेकिन MailChimp parser लेआउट को तोड़ सकता है, इसके गुणों, वर्गों और अन्य कोड को <img ... /> छवि टैग में जोड़ सकता है।

परिषद। यदि आप मानक फ़ीड और टैग का उपयोग करते हैं, तो अभियान सेटिंग्स में चेकबॉक्स " आरएसएस-फीड की छवियों का वर्णन टेम्पलेट के अनुसार करें " को सक्षम करने के लिए मत भूलना:

मध्यवर्ती निष्कर्ष: कुछ गलत हो जाता है, मानक विकल्प पर्याप्त नहीं हैं, पत्र भयानक है और मानवीय नहीं है। गैर-मानक डेटा प्रदर्शित नहीं किया जा सकता है।

हमारे कानों के साथ एक फिंट बनाना: खुद को सब कुछ चिह्नित करना

यदि आप RSS फ़ीड में कुछ भी मानक नहीं कर सकते हैं, ताकि MailChimp सेवा पार्सर इसे सही ढंग से समझे, तो आप पोस्ट कार्ड के लिए समाप्त चिह्नित और मुड़ा हुआ टुकड़ा केवल <description> फ़ीड में <description> अलग <item> तत्व के <description> स्थानांतरित कर सकते हैं।

केवल एक अलग माइनस है: लेखन के लिए सभी शैलियों को इनलाइन होना चाहिए, अर्थात, जो सब कुछ के माध्यम से वर्णित है। .class विशेषता style=”...” में शैलियों में बदल जाती style=”...” ।

 <!--   : --> <style> .post-meta { Margin: 8px 0; } .post-category { border-radius: 3px; border: #adb2b2 1px solid; color: #adb2b2 !important; border-bottom: #adb2b2 1px solid !important; padding: 2px 6px; font-size: 13px; line-height: 13px; Margin: 0 8px 0 0; } </style> <div class="post-meta"> <a href="https://blog.promopult.ru/category/seo" target="_blank" class="post-category">SEO:    </a> </div> <!--   : --> <div style="Margin: 8px 0;"> <a href="https://blog.promopult.ru/category/seo?utm_source=newsletter" target="_blank" style="Margin: 0 8px 0 0; border: #adb2b2 1px solid; border-bottom: #adb2b2 1px solid !important; border-radius: 3px; color: #adb2b2 !important; font-size: 13px; line-height: 13px; padding: 2px 6px; text-decoration: none;">SEO:    </a> </div> 

ब्लॉग पत्रों के लेआउट के लिए, "पेककिन" का उपयोग किया गया था - पत्र टेम्पलेट्स का एक गुल-कलेक्टर जो ब्लॉक और इनलाइन शैलियों से एक पत्र एकत्र करता है। आप ऑनलाइन स्टाइल इनलाइनिंग का भी उपयोग कर सकते हैं, उदाहरण के लिए, Premailer.io ।

RSS फ़ीड टेम्पलेट में एक फ़ीड लूप उपलब्ध है। इसलिए, आप अपनी इच्छानुसार सब कुछ खींच सकते हैं और आकार दे सकते हैं।

समाधान के लिए पहला दृष्टिकोण आंशिक था: शीर्षक, url, संक्षिप्त विवरण टैग को मानक के रूप में छोड़ने के लिए, लेकिन पोस्ट मेटा-सूचना: विचार, पसंद, टिप्पणी, श्रेणी और प्रकाशन तिथि को HTML कोड के एक अलग टुकड़े के रूप में बनाया जाना चाहिए और वांछित बैकअप स्थान में डाला जाना चाहिए।

टूटे हुए लेआउट और लेआउट और छवि शैलियों पर नियंत्रण की कमी के कारण इस विकल्प को भी छोड़ना पड़ा। और बाद में पोस्ट कार्ड ब्लॉक के सभी मार्कअप को <description> में स्थानांतरित करें।

 <?php while (have_posts()): the_post(); ?> <item> <description><![CDATA[ <div class="post-card"> <?php if ( get_post_meta($post->ID, 'imga', true) ) { ?> <div class="post-card__img"> <a href="<?php the_permalink(); ?>?utm_source=newsletter" target="_blank"> <img src="<?php echo $postImg[0]; ?>" alt="<?php the_title(); ?>"> </a> </div> <?php } ?> <div class="post-card__info"> <h2> <a href="<?php the_permalink(); ?>?utm_source=newsletter"><?php the_title(); ?></a> </h2> <p> <a href="<?php the_permalink(); ?>?utm_source=newsletter"> <?php if ( !empty( get_post_meta($post->ID, 'intro', true) ) ) { echo get_post_meta($post->ID, 'intro', true); } else { $content = get_the_content(); $trimmed_content = wp_trim_words( $content, 12, '...' ); echo $trimmed_content; } ?> </a> </p> <div> <p> <?php if (get_the_date('Y') == date('Y')) { the_time('j F'); } else { the_time('j F Y'); } ?>, <?php $categories = get_the_category(); if( $categories[0] ) { echo '<a href="' . get_category_link($categories[0]->term_id ) . '?utm_source=newsletter">'. $categories[0]->name . '</a>'; } ?> <?php if(function_exists('the_views')) { ?> <span> <span> <img src="icon-views.png" alt=" "> </span> <span class="item__text"><?php the_views(); ?></span> </span> <?php } ?> <?php if (function_exists('get_simple_likes_counter')) { if (get_simple_likes_counter( get_the_ID() ) >= 1) { ?> <span> <span class="item__icon"> <img src="icon-like.png" alt=" "> </span> <span><?php echo get_simple_likes_counter( get_the_ID() ); ?></span> </span> <?php } } ?> <?php if (get_comments_number() >= 1) { ?> <span> <span> <img src="icon-comments.png" alt=" "> </span> <span><?php comments_number('0', '1', '%'); ?></span> </span> <?php } ?> </p> </div> </div> </div> ]]></description> </item> <?php endwhile; wp_reset_query(); ?> 

सब कुछ साफ-सुथरा बनाने के लिए सैंपल कोड में इनलाइन स्टाइल नहीं हैं। टेप का युद्ध संस्करण पूर्ण मार्कअप और शैलियों के साथ दिया गया है।

उदाहरण में ग्राफिक्स के लिए सभी पते भी सरल किए गए हैं। मुकाबला संस्करण में, सभी आवश्यक चित्र, आइकन, तस्वीरें और सब कुछ जो लेखन के लिए महत्वपूर्ण है, सामग्री स्टूडियो के माध्यम से MailChimp व्यवस्थापक पैनल पर अपलोड किए जाते हैं, और टेम्पलेट <img /> टैग की src- विशेषताओं के लिए पहले से ही पूर्ण पते का उपयोग करते हैं।

20-24 पंक्तियों में, हम लेख के पाठ-घोषणा (परिचय) के संस्करण का चयन करते हैं। यदि रिकॉर्ड के मनमाने क्षेत्रों में पोस्ट गुणों में कस्टम को भर दिया जाता है - get_post_meta () , तो इसे दिखाएं, यदि यह नहीं है, तो get_the_content () में निहित है।

पोस्ट कवर इमेज भी चुनें। हमारे पास लेख से जुड़ी दो तस्वीरें हैं: एक छोटा पूर्वावलोकन (मुख्य पृष्ठ पर पोस्ट कार्ड में प्रदर्शित) और पोस्ट हेडर से एक कवर। एक बड़ा आवरण लें।

प्रोमो-फोल्डर ब्लॉग पोस्ट की पृष्ठभूमि वाले हेडर का एक उदाहरण

चूंकि यह सभी मानक वर्डप्रेस चक्र में होता है, इसलिए सभी छंटाई विधियां उपलब्ध हैं। उदाहरण के लिए, पिछले 12 दिनों में सबसे ज्यादा देखी और पसंद की जाने वाली चीजों को कम से कम पसंद के अनुसार दिखाएं।

ईमेल टेम्पलेट में फ़ीड से आउटपुट सामग्री

चूंकि एक एकल पोस्ट कार्ड के लिए सभी डेटा <description> टैग के अंदर स्थित है, जो एक अलग <item> तत्व में एम्बेडेड है, आपको बस इसे संदेश टेम्पलेट में दिखाने की आवश्यकता है:

 <h1>     PromoPult</h1> <p>*|RSSFEED:DESCRIPTION|*</p> <!-- *|RSSFEED:DESCRIPTION|* : «21  — 28 »,   <description>   --> *|RSSITEMS:|* *|RSSITEM:CONTENT|* *|END:RSSITEMS|* 

डेटा सही ढंग से प्रदर्शित किया गया है, HTML कोड एक लूप में डाला गया है, और ऑटो-अभियान काम करता है।

RSSFEED और FEEDBLOCK के बारे में अलग लाइन

*|RSSFEED|* और *|FEEDBLOCK|*? क्या अंतर है *|FEEDBLOCK|*?

मतभेदों का पता लगाना आसान है:

• *|FEEDBLOCK|* का उपयोग किसी भी ईमेल और अभियान टेम्प्लेट के अंदर किया जा सकता है। उदाहरण के लिए, यदि आप आवधिक समाचार पत्र में नवीनतम पोस्ट के बारे में बात करना चाहते हैं, तो इसका उपयोग करें। आप किसी भी आरएसएस स्रोत के लिए एक लिंक निर्दिष्ट कर सकते हैं।
• *|RSSFEED|* केवल ऑटो अभियानों में काम करता है और एक स्रोत के रूप में देखता है कि अभियान सेटिंग्स में क्या निर्दिष्ट है।

कुल: यदि आपके लिए सब कुछ मानक और आसान है, तो मानक MailChimp टूल का उपयोग करें और चिंता न करें

लेकिन अगर आपके ब्लॉग डिज़ाइन और मेलिंग सूचियों को विशेष रूप से डिज़ाइन किया गया है और एक लड़ाई के साथ तीन बार समन्वित किया गया है, यदि आप उपलब्ध डेटा को ऑटो-ईमेल में जोड़ना चाहते हैं या कम से कम रूसी में तारीख की घोषणा करते हैं, तो आपको थोड़ा गड़बड़ करना होगा और तैयार किए गए डेटा को MailChimp पर भेजना होगा।

कैसे - हमने बताया।

MailChimp में RSS फीड के विषय पर लिंक:

• फीडब्लॉक RSS मर्ज टैग - ईमेल टेम्प्लेट में टैग *|FEEDBLOCK|* का उपयोग करने के बारे में दस्तावेज *|FEEDBLOCK|*
• RSS मर्ज टैग - ईमेल टेम्प्लेट में टैग के बारे में दस्तावेज *|RSSFEED|*
• ईमेल डिज़ाइन संदर्भ → RSS मर्ज टैग - MailChimp के साथ आरंभ करना और ईमेल टेम्पलेट में RSS फ़ीड ब्लॉक का उपयोग करना