विश्लेषण आणि चाचणीसामग्री विपणन

वर्डप्रेस: ​​तुमच्या चाइल्ड थीम किंवा कस्टम प्लगइनमधील पॅरेंट थीमवरून शॉर्टकोड कसे ओव्हरराइट करावे

आमच्या अनेक क्लायंटकडे मूळ थीम शॉर्टकोडद्वारे लागू केलेली बटणे आहेत. आमच्या भागीदारांपैकी एकाने विचारले की आम्ही बटणांवर काही इव्हेंट ट्रॅक करू शकतो का कारण ते उत्कृष्ट कॉल-टू-ऍक्शन आहेत (CTA) संपूर्ण साइटवर. आम्ही वापरत असलेले बटण शॉर्टकोड आउटपुटमध्ये वर्ग जोडून एक छान बटण आपोआप आउटपुट करते HTML.

माझ्या साइटला भेट देण्यासाठी बटण तयार करण्यासाठी हा शॉर्टकोड आहे:

[button link="https://martech.zone/partner/dknewmedia/"]Visit DK New Media[/button]

ते आउटपुट:

<a href="https://martech.zone/partner/dknewmedia/" class="button blue medium">Visit DK New Media</a>

आणि ते कसे दिसते ते येथे आहे:

भेट DK New Media

GA4 इव्हेंट ट्रॅकिंग बटण शॉर्टकोडमध्ये जोडा

आम्ही स्वयंचलितपणे जोडण्यासाठी HTML आउटपुट अद्यतनित करू इच्छितो Google Analytics मध्ये 4 बटण क्लिक केल्यावर इव्हेंट ट्रॅकिंग:

<a href="https://martech.zone/partner/dknewmedia/" class="button blue medium" onclick="gtag('event', 'click', {'event_category': 'button', 'event_label': 'Visit DK New Media'});">Visit DK New Media</a>

बटण शॉर्टकोड आमच्या मध्ये तयार केले होते मूळ थीम, म्हणून आम्ही बदल सामावून घेण्यासाठी आमची मूळ थीम बदलू इच्छित नाही कारण आम्ही थीम अद्यतनित केल्यास ते बदल गमावले जातील. एक उपाय आहे, तरी! वर्डप्रेस API वापरून शॉर्टकोड काढण्यास सक्षम करते remove_shortcode कार्य!

हे तुमच्या बाल थीममध्ये पूर्ण केले जाऊ शकते functions.php फाइल किंवा सानुकूल फंक्शनमध्ये कोड लागू करून. मी थीम फाइल ऐवजी सानुकूल प्लगइनमध्ये तुमचे सर्व सामग्री-संबंधित शॉर्टकोड तैनात करण्याचा सल्ला देतो. सारखी साधने AMP थीममध्ये शॉर्टकोड रेंडर करू नका.

चाइल्ड थीममध्ये शॉर्टकोड ओव्हरराइट करा

चाइल्ड थीममध्ये, तुम्ही शॉर्टकोड काढू शकता आणि आमच्या नवीन शॉर्टकोड फंक्शनसह बदलू शकता. फंक्शन शोधण्यासाठी तुम्हाला तुमचा मूळ थीम कोड शोधण्याची आवश्यकता असेल (म्हणतात button_function_in_parent_theme खाली) जो शॉर्टकोड तयार करतो आणि नंतर तुम्ही या स्निपेट मध्ये त्याचा वापर करू शकता functions.php:

add_action( 'after_setup_theme', 'update_button_shortcode' );

function update_button_shortcode() {
    remove_shortcode( 'button_function_in_parent_theme' );
    add_shortcode( 'button', 'new_button_shortcode' );
}

आता, तुम्ही तुमचे नवीन आणि अपडेट केलेले शॉर्टकोड फंक्शन GA4 इव्हेंट ट्रॅकिंगसह जोडू शकता:

function new_button_shortcode($atts, $content = null) {
    // Extract shortcode attributes
    $attributes = shortcode_atts(
        array(
            'link' => '#', // Default value if 'link' is not provided
        ), 
        $atts
    );

    $url = esc_url($attributes['link']);
    $text = esc_html($content);

    // Generate the HTML output
    $html = '<a href="' . $url . '" class="button blue medium" onclick="gtag(\'event\', \'click\', {\'event_category\': \'button\', \'event_label\': \'' . $text . '\'});">' . $text . '</a>';

    return $html;
}

// Register the shortcode
add_shortcode('button', 'new_button_shortcode');

कस्टम प्लगइन वापरून शॉर्टकोड ओव्हरराइट करा

मी तुमच्या साइटसाठी एक सानुकूल प्लगइन तयार करण्याची शिफारस करतो ज्यामध्ये तुमचे सर्व शॉर्टकोड, अगदी तुमच्या थीममधील देखील समाविष्ट आहेत. हे करण्यासाठी:

  1. अद्वितीय नाव असलेले फोल्डर तयार करा. उदाहरणार्थ, आमचे नाव आहे mtz-शॉर्टकोड.
  2. त्या फाईलमध्ये, a जोडा shortcodes.php फाइल (तुम्ही तुम्हाला हवे ते नाव देऊ शकता)
  3. shortcodes.php फाइलमध्ये, तुम्ही प्लगइन माहिती व्यतिरिक्त वरील कोड जोडू शकता जे तुमच्या प्लगइन पृष्ठावर प्रदर्शित होईल:
<?php
/*
Plugin Name: Martech Zone Shortcodes
Description: Shortcodes for Martech Zone. This way they work with AMP.
Version: 1.0.0
Author: Douglas Karr
Author URI: https://dknewmedia.com
*/

function update_shortcodes() {
    remove_shortcode( 'button_function_in_parent_theme' );
    add_shortcode( 'button', 'new_button_shortcode' );
}
add_action( 'init', 'update_shortcodes' );

function new_button_shortcode($atts, $content = null) {
    // Extract shortcode attributes
    $attributes = shortcode_atts(
        array(
            'link' => '', // Default value if 'link' is not provided
        ), 
        $atts
    );

    $url = esc_url($attributes['link']);
    $text = esc_html($content);

    // Generate the HTML output
    $html = '<a href="' . $url . '" class="button blue medium" onclick="gtag(\'event\', \'click\', {\'event_category\': \'button\', \'event_label\': \'' . $text . '\'});">' . $text . '</a>';

    return $html;
}
  1. जर तुमच्याकडे एकापेक्षा जास्त शॉर्टकोड असतील तर तुम्ही तुमचे कस्टम प्लगइन वापरून बदलू इच्छित असाल तर तुम्ही वरील फंक्शनमधील एकाधिक शॉर्टकोड काढू आणि जोडू शकता.
  2. फोल्डर झिप करा आणि तुम्ही आता तुमच्या वर्डप्रेस प्लगइन मेनूद्वारे प्लगइन अपलोड आणि सक्रिय करू शकता.

Douglas Karr

Douglas Karr चे CMO आहे ओपनइनसाइट्स आणि चे संस्थापक Martech Zone. डग्लसने डझनभर यशस्वी MarTech स्टार्टअप्सना मदत केली आहे, Martech अधिग्रहण आणि गुंतवणुकीमध्ये $5 बिलियन पेक्षा जास्त योग्य परिश्रमात मदत केली आहे आणि कंपन्यांना त्यांच्या विक्री आणि विपणन धोरणांची अंमलबजावणी आणि स्वयंचलित करण्यात मदत करणे सुरू ठेवले आहे. डग्लस हा आंतरराष्ट्रीय स्तरावर मान्यताप्राप्त डिजिटल ट्रान्सफॉर्मेशन आणि MarTech तज्ञ आणि स्पीकर आहे. डग्लस हे डमीच्या मार्गदर्शक आणि व्यवसाय नेतृत्व पुस्तकाचे प्रकाशित लेखक देखील आहेत.

संबंधित लेख

परत शीर्षस्थानी बटण
बंद

अॅडब्लॉक आढळले

Martech Zone तुम्हाला ही सामग्री कोणत्याही खर्चाशिवाय प्रदान करण्यात सक्षम आहे कारण आम्ही आमच्या साइटवर जाहिरात महसूल, संलग्न दुवे आणि प्रायोजकत्वाद्वारे कमाई करतो. तुम्ही आमची साइट पाहता तेव्हा तुमचा अॅड ब्लॉकर काढून टाकल्यास आम्ही कृतज्ञ आहोत.