Аналитика жана тестирлөөмазмун Marketing

WordPress: Балаңыздын темасында же ыңгайлаштырылган плагинде ата-эне темасынан кыска кодду кантип кайра жазуу керек

Биздин көптөгөн кардарларда ата-эне темасынын кыска коддору аркылуу ишке ашырылган баскычтар бар. Биздин өнөктөштөрүбүздүн бири баскычтардагы окуяларга көз салса болобу деп сурады, анткени алар аракетке чакыруу (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>

Баскычтын кыска коду бизде түзүлгөн ата-энелер темасы, ошондуктан биз баштапкы темабызды өзгөртүүгө ылайыкташтырууну каалабайбыз, анткени теманы жаңырсак, ал өзгөртүүлөр жоголуп кетет. Бирок, бир чечим бар! WordPress 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. Бул файлдын ичинде, а 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. Папканы Zip, жана сиз азыр WordPress плагиндер менюсу аркылуу плагинди жүктөп жана иштете аласыз.

Douglas Karr

Douglas Karr CMO болуп саналат OpenINSIGHTS жана негиздөөчүсү Martech Zone. Дуглас ондогон ийгиликтүү MarTech стартаптарына жардам берди, Martech сатып алууларына жана инвестицияларына 5 миллиард доллардан ашык каражатты текшерүүгө жардам берди жана компанияларга сатуу жана маркетинг стратегияларын ишке ашырууда жана автоматташтырууда жардам берүүнү улантууда. Дуглас эл аралык деңгээлде таанылган санариптик трансформация жана MarTech эксперти жана спикери. Дуглас ошондой эле Dummie's guide жана бизнес лидерлик китебинин басылып чыккан автору.

Тектеш макалалар

Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.