Semua orang tahu bagaimana membuat buletin. Banyak orang tahu cara membuat rantai pemicu. Seseorang tahu cara mengatur buletin dari umpan RSS blog. Kami harus menggali lebih dalam, karena kami ingin buletin kami tidak sederhana, tetapi indah dan terperinci. Bagaimanapun, itu dibuat dari sebuah blog yang menarik, di mana kami juga menghabiskan banyak usaha.
Untuk setiap detail dalam surat yang tampak sederhana, aku harus bertarung dengan monyet imut ini. Semuanya berhasil. Kami memberi tahu Anda caranya.
Mailhimp adalah layanan antarmuka bahasa Inggris dan terkadang tidak logis. Tetapi dia tahu seberapa banyak dan sangat populer sehingga instruksi yang cermat ditulis untuknya dalam memberikan konten kepada pembaca dengan semua cara yang mungkin.
Kami juga telah memilih Mailhimp untuk posting blog PromoPult kami. Salah satu fitur Mailhimp adalah kampanye otomatis. Anda dapat menjadwalkan pengiriman reguler, surat tersendiri, mengatur surat selamat datang dan banyak lagi.
Kisah ini adalah tentang mengatur auto-posting posting blog. Intisari bahan segar ke email pelanggan seminggu sekali.
Opsi standar untuk tautan otomatis dan mengapa itu tidak cocok untuk kami
Mailhimp sendiri memiliki dokumentasi yang sangat baik tentang fungsi apa pun, dan khususnya tentang ini juga: Bagikan Kiriman Blog Anda dengan Mailchimp . Terjemahan ke dalam bahasa Rusia juga dapat ditemukan, dengan berbagai tingkat kecukupan.
Secara singkat, apa yang Anda butuhkan untuk membuat tautan otomatis:
- Buat umpan RSS terpisah untuk MailChimp (atau bahkan tidak dibuat, tetapi gunakan umpan standar).
- Buat kampanye, tentukan sumbernya, konfigurasikan kondisi pengiriman.
- Buat dan pilih templat.
- Selesai Kamu luar biasa!
Apa yang tidak cocok untuk kita adalah bahwa mustahil untuk menambahkan barang-barang kita sendiri.
Ada data dasar dari umpan RSS yang dipahami oleh Mailhimp:
- Informasi dasar tentang umpan (judul, tautan, deskripsi, tanggal pembentukan atau pemutakhiran umpan) -
*|RSSFEED|* . - Tautan ke tag pos yang terpisah
*|RSSFEED:URL|* , lihat di <link> di dalam <item> (selanjutnya). - Judul posting tunggal adalah tag
*|RSSITEM:TITLE|* , lihat di <title> . - Tanggal publikasi satu tag pos
*|RSSITEM:DATE|* , lihat <pubDate> . - Pengumuman teks dari post-tag terpisah
*|RSSITEM:CONTENT|* , lihat <description> , jika tag ini tidak di dalam <item> - MailChimp melihat <content:encoded> . Anda dapat menggunakan tag HTML di dalamnya.
- Konten lengkap dari satu posting adalah tag
*|RSSITEM:CONTENT_FULL|* , terlihat pada <content:encoded> . - Gambar sebuah posting, sering kali pratinjau ( thumbnail dalam istilah WordPress) - tag
*|RSSITEM:IMAGE|* , melihat <media:content> dan jangan lupa tentang tag dan atribut tambahan untuk lampiran media : tanda usia, informasi tentang file itu sendiri dan sebagainya.
Dan kami memiliki hal-hal tambahan di pos terpisah:
- Penghitung komentar
- Lihat penghitung;
- Seperti penghitung
- Saya ingin menunjukkan tanggal publikasi posting dalam format manusia : pertama, dalam bahasa Rusia, dengan deklinasi dan jika posting diterbitkan tahun ini - jangan tampilkan tahun publikasi (sekarang semuanya berfungsi di blog, dalam surat saya ingin perhatian yang sama terhadap detail) ;
- Pisahkan sampul ubahsuaian terpisah, yang harus Anda jangkau entah bagaimana;
- Kategori dengan tautan ke semua pos dari kategori tersebut.
Dan Anda tidak bisa memasukkan ini ke umpan RSS biasa - tidak ada tag yang sesuai. Tag MailChimp kustom tidak mengerti dan tidak boleh disalahkan untuk itu. Kita perlu mencari solusi yang cocok untuk semua orang dan tidak akan rusak.
Data yang perlu ditampilkan dalam kartu pos terpisah di tempel intisari terkait dengan tampilan. Perancang menggambar, pembuat huruf banyak menderita dan mengarang surat itu.
Kartu pos blog PromoPult dalam intisari mingguan
Bagaimana kami memecahkan masalah
Buat umpan RSS
Hal pertama yang harus dilakukan adalah membuat umpan RSS terpisah untuk MailChimp. Sudah ada beberapa umpan serupa di blog PromoPult: untuk Yandex.Zen dan untuk halaman Turbo .
Anda dapat membuat umpan baru melalui add_feed () . Berikut adalah kode dalam file fungsi tema:
functions.php:
add_action( 'init', 'customRSSforMC' ); function customRSSforMC() { add_feed( 'mchimp', 'customRSSforMCFunc' ); } function customRSSforMCFunc() { get_template_part( 'rss', 'mchimp' ); }
Dalam baris No. 7 get_template_part ( 'rss', 'mchimp' ); - menunjukkan bahwa templat untuk umpan terletak di root folder tema dan disebut rss-zen.php .
Setelah membuat file dan menambahkan fungsi, Anda harus pergi ke panel admin WordPress, pengaturan CNC: "Console → Settings → Permalinks" dan klik tombol "Save Changes" sehingga WordPress memperbarui pengaturan /feed/URL dan membuka di diberikan /feed/URL di parameter pertama dari baris no. 4 umpan RSS baru.
Anda perlu melakukan ini satu kali saat membuat rekaman.
Lihat contoh kami: https://blog.promopult.ru/feed/mchimp
Apa yang ada di dalam rekaman itu
Di dalam umpan itu sendiri adalah loop posting WordPress reguler: query_posts () . Ini memungkinkan Anda untuk memilih dan memfilter posting dengan sangat fleksibel: seolah-olah Anda mengatur kategori individual, halaman dengan pilihan, arsip, dan semua yang Anda butuhkan untuk posting WordPress.
Tetapi sebelum Anda sampai pada solusi sempurna untuk masalah ini, ada beberapa upaya untuk menjejalkan data penting untuk menulis di dalam desain standar umpan RSS dan menggunakannya di MailChimp.
Misalnya, ada opsi untuk penghitung komentar :
<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>
Opsi ini, tentu saja, berfungsi dalam hal data: semua yang dibutuhkan diperoleh dan ditampilkan dengan benar. Tetapi MailChimp tidak memahami <commentsCounter> , seperti <commentsCounter> non-standar lainnya.
Juga, misalnya, dengan tanggal. MailChimp memiliki tag sendiri: *|RSSITEM:DATE:d/m/y|* , dan Anda dapat memberikan opsi pemformatan tanggal padanya . Tapi, sayangnya, dalam surat itu sama sekali tidak terlihat manusia. Tentang terjemahan tanggal secara umum, Anda tidak dapat berbicara.
Masalah lainnya adalah gambar. Anda telah menderita dan membuat tulisan indah Anda. Anda perlu menampilkan gambar. Di templat email, Anda melakukan ini:
<img src="*|RSSITEM:IMAGE|*" alt="*|RSSITEM:TITLE|*" />
Tetapi parser MailChimp dapat datang dan merusak tata letak, menambahkan propertinya, kelas dan kode lainnya ke tag gambar <img ... /> .
Kiat. Jika Anda menggunakan umpan dan tag standar, maka jangan lupa untuk mengaktifkan kotak centang " Ubah ukuran gambar umpan-RSS sesuai dengan templat " di pengaturan kampanye:
Kesimpulan menengah: ada sesuatu yang salah, opsi standar tidak cukup, surat itu mengerikan dan tidak manusiawi. Data non-standar tidak dapat ditampilkan.
Membuat tipuan dengan telinga kita: menandai semuanya sendiri
Jika Anda tidak dapat melakukan standar apa pun dalam umpan RSS sehingga parser layanan MailChimp memahami ini dengan benar, Anda dapat mentransfer potongan kode yang sudah ditandai dan dilipat untuk kartu pos hanya di
<description> <item> elemen
<item> terpisah dalam umpan.
Hanya ada minus yang terpisah: semua gaya untuk menulis harus diuraikan, yaitu, semua yang dijelaskan melalui .class berubah menjadi gaya dalam atribut 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>
Untuk tata letak huruf blog, "Pechkin" digunakan - tegukan-kolektor template surat yang mengumpulkan surat dari blok dan inline gaya itu sendiri. Anda juga dapat menggunakan inlining gaya online, misalnya, Premailer.io .
Lingkaran umpan tersedia dalam templat umpan RSS. Karena itu, Anda dapat menarik dan membentuk semua yang Anda inginkan dan butuhkan.
Pendekatan pertama untuk solusi itu sebagian: untuk meninggalkan judul, url, tag deskripsi singkat sebagai standar, tetapi informasi meta posting: tampilan, suka, komentar, kategori dan tanggal publikasi harus dibentuk sebagai bagian terpisah dari kode HTML dan dimasukkan ke lokasi markup yang diinginkan.
Opsi ini juga harus ditinggalkan karena tata letak yang rusak dan kurangnya kontrol atas tata letak dan gaya gambar. Dan kemudian transfer semua markup blok kartu pos ke <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(); ?>
Tidak ada gaya inline dalam kode sampel untuk membuat semuanya terlihat rapi. Versi pertempuran dari rekaman itu diberikan dengan markup dan gaya penuh.
Semua alamat untuk grafik dalam contoh ini juga disederhanakan. Dalam versi pertarungan, semua gambar, ikon, foto, dan segala sesuatu yang penting untuk penulisan diunggah ke panel admin MailChimp melalui Content Studio , dan templat sudah menggunakan alamat lengkap untuk atribut src- dari <img /> .
Pada baris No. 20-24, kami memilih versi teks-pengumuman (intro) artikel. Jika kustom diisi dengan properti posting di bidang yang berubah-ubah dari catatan - get_post_meta () , kemudian perlihatkan, jika tidak ada di sana, maka tunjukkan apa yang ada di get_the_content () .
Juga pilih gambar sampul posting. Kami memiliki dua gambar yang terkait dengan artikel: pratinjau kecil (ditampilkan di kartu pos di halaman utama) dan sampul dari tajuk posting. Ambil penutup besar.
Contoh tajuk dengan latar belakang dalam posting blog PromoPult
Karena semua ini terjadi dalam siklus WordPress standar, semua metode penyortiran tersedia. Misalnya, tunjukkan yang paling banyak dilihat dan disukai dalam 12 hari terakhir, sortir dari lebih banyak suka lebih sedikit.
Keluarkan konten dari umpan di templat email
Karena semua data untuk kartu pos tunggal terletak di dalam <description> tertanam dalam elemen <item> terpisah, Anda hanya perlu memperlihatkannya di templat pesan:
<h1> PromoPult</h1> <p>*|RSSFEED:DESCRIPTION|*</p> *|RSSITEMS:|* *|RSSITEM:CONTENT|* *|END:RSSITEMS|*
Data ditampilkan dengan benar, kode HTML dimasukkan dalam satu lingkaran, dan kampanye otomatis berfungsi.
Pisahkan baris tentang RSSFEED dan FEEDBLOCK
Apa perbedaan antara *|RSSFEED|* dan *|FEEDBLOCK|*?
Sangat mudah untuk mengetahui perbedaannya:
*|FEEDBLOCK|* dapat digunakan di dalam template email dan kampanye apa pun. Misalnya, jika Anda ingin berbicara tentang posting terbaru dalam buletin berkala, gunakan itu. Anda dapat menentukan tautan ke sumber RSS apa pun.*|RSSFEED|* hanya berfungsi dalam kampanye otomatis dan sebagai sumber melihat apa yang ditentukan dalam pengaturan kampanye.
JUMLAH: Jika semuanya standar dan mudah bagi Anda, gunakan alat MailChimp standar dan jangan khawatir
Tetapi jika desain blog dan milis Anda dirancang khusus dan dikoordinasikan tiga kali dengan perlawanan, jika Anda ingin menambahkan data yang tersedia ke email otomatis atau setidaknya menyatakan tanggal dalam bahasa Rusia, maka Anda harus sedikit mengacaukan dan mengirim data yang sudah jadi ke MailChimp.
Bagaimana - kami katakan.
Tautan tentang topik umpan RSS di MailChimp: