Analitika i testiranjeContent marketing

WordPress: Kako prebrisati kratki kod iz nadređene teme u svoju podređenu temu ili prilagođeni dodatak

Mnogi naši klijenti imaju gumbe implementirane kroz kratke kodove nadređene teme. Jedan od naših partnera pitao je bismo li mogli pratiti događaje na gumbima jer su bili izvrsni pozivi na radnju (HAT) na svim stranicama. Kratki kod gumba koji koristimo automatski ispisuje zgodni gumb dodavanjem klasa u izlaz HTML.

Evo kratkog koda za stvaranje gumba za posjet mojoj web stranici:

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

To daje rezultate:

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

A evo kako to izgleda:

Posjetiti DK New Media

Dodajte GA4 praćenje događaja kratkom kodu gumba

Želimo ažurirati HTML izlaz za automatsko dodavanje Google Analytics 4 Praćenje događaja kada se klikne na gumb:

<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>

Kratki kod gumba kreiran je u našem roditeljska tema, tako da ne želimo modificirati našu izvornu temu kako bi se prilagodila promjeni jer bi te promjene bile izgubljene ako ažuriramo temu. Ipak postoji rješenje! WordPress API omogućuje vam uklanjanje kratkog koda pomoću remove_shortcode funkcija!

To se može postići u vašoj dječjoj temi functions.php datoteku ili primjenom koda u prilagođenoj funkciji. Savjetujem da implementirate sve kratke kodove vezane uz sadržaj u prilagođenom dodatku, a ne u datoteci teme. Alati poput AMP nemojte renderirati kratke kodove u temama.

Prebrišite kratki kod u podređenoj temi

U podređenoj temi možete ukloniti kratki kod i zamijeniti ga našom novom funkcijom kratkog koda. Morat ćete pretražiti kod nadređene teme kako biste pronašli funkciju (zvanu button_function_in_parent_theme u nastavku) koji stvara kratki kod i zatim ga možete upotrijebiti u ovom isječku 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' );
}

Sada možete dodati svoju novu i ažuriranu funkciju kratkog koda uz GA4 praćenje događaja:

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');

Prebrišite kratki kod pomoću prilagođenog dodatka

Preporučio bih izradu prilagođenog dodatka za vaše web mjesto koji uključuje sve vaše kratke kodove, čak i one unutar vaše teme. Uraditi ovo:

  1. Stvorite mapu s jedinstvenim nazivom. Na primjer, naš se zove mtz-kratki kodovi.
  2. Unutar te datoteke dodajte a shortcodes.php datoteka. (Možete ga nazvati kako god želite)
  3. Unutar datoteke shortcodes.php možete dodati gornji kod uz informacije o dodatku koji će se prikazati na vašoj stranici s dodacima:
<?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. Možete ukloniti i dodati više kratkih kodova u gornjoj funkciji ako imate više kratkih kodova koje želite zamijeniti pomoću prilagođenog dodatka.
  2. Zipajte mapu i sada možete prenijeti i aktivirati dodatak putem izbornika dodataka za WordPress.

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desecima uspješnih MarTech startupa, pomogao je u due diligence-u od preko 5 milijardi USD u Martech akvizicijama i ulaganjima te nastavlja pomagati tvrtkama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak i govornik za digitalnu transformaciju i MarTech. Douglas je također objavljeni autor Dummie's guide i knjige o poslovnom vodstvu.

Vezani članci

Natrag na vrh
Blizu

Otkriven je Adblock

Martech Zone može vam pružiti ovaj sadržaj bez ikakvih troškova jer svoju web stranicu unovčavamo putem prihoda od oglasa, pridruženih veza i sponzorstava. Cijenili bismo kada biste uklonili program za blokiranje oglasa dok pregledavate našu stranicu.