Fügen Sie Javascript-Code in die Head-Tags der Woocommerce-Dankeschön-Seite ein

Lesezeit: 2 Minuten

Benutzeravatar von jermainecraig
jermainecraig

Ich versuche, meiner Dankesseite ein Google-Tracking-Skript hinzuzufügen. Ich habe diesen Code geschrieben, der den Tracker erfolgreich mit dynamischen Werten in das Dankeschön einfügt, aber ich muss ihn stattdessen in die Tags einfügen.

function mv_google_conversion( $order_id ) {
    $order = new WC_Order( $order_id );
    $currency = $order->get_currency();
    $total = $order->get_total();
    ?>
    <script>
      gtag('event', 'conversion', {
          'send_to': 'AW-746876528/x5W1CLfA8JoBEPDckeQC',
          'value': <?php echo $total; ?>,
          'currency': '<?php echo $currency; ?>',
          'transaction_id': '<?php echo $order_id; ?>'
      });
    </script>
    <?php
  }
  add_action( 'woocommerce_thankyou', 'mv_google_conversion' );

Wie könnte ich diesen Code mit den dynamischen Werten in header.php verwenden, oder gibt es einen Hook, der auf die Tags auf der Woocommerce-Dankeschön-Seite abzielt?

Benutzeravatar von LoicTheAztec
LoicTheAztec

Sie verwenden Folgendes, um Code in die Head-Tags auf der Seite „Bestellung erhalten“ (Danke) einzufügen:

add_action( 'wp_head', 'my_google_conversion' );
function my_google_conversion(){
    // On Order received endpoint only
    if( is_wc_endpoint_url( 'order-received' ) ) :

    $order_id = absint( get_query_var('order-received') ); // Get order ID

    if( get_post_type( $order_id ) !== 'shop_order' ) return; // Exit

    $order = wc_get_order( $order_id ); // Get the WC_Order Object instance
    ?>
    <script>
      gtag('event', 'conversion', {
          'send_to': 'AW-746876528/x5W1CLfA8JoBEPDckeQC',
          'value': <?php echo $order->get_total(); ?>,
          'currency': '<?php echo $order->get_currency(); ?>',
          'transaction_id': '<?php echo $order_id; ?>'
      });
    </script>
    <?php   
    endif;
}

Der Code wird in die Datei functions.php Ihres aktiven untergeordneten Designs (oder aktiven Designs) eingefügt. Getestet und funktioniert.

  • Wie verschieben wir das weiter nach unten in der <head>? Es kommt derzeit vor dem eigentlichen Google Ads-Tag für allgemeine Websites.

    – Garconis

    23. August 2020 um 20:55 Uhr

  • @Garconis Sie haben die Hook-Priorität vergessen (standardmäßig ist sie 10), also müssen Sie sie mit einer höheren Zahl wie angeben 90000 also im code: add_action( 'wp_head', 'my_google_conversion', 90000 );Oder Sie können auch verwenden wp_footer Haken statt von wp_head.… Es sollte jetzt nach dem allgemeinen Website-Tag von Google Ads stehen. Wenn es funktioniert, können Sie diese Antwort positiv bewerten.

    – LoicTheAztec

    23. August 2020 um 21:08 Uhr

1387550cookie-checkFügen Sie Javascript-Code in die Head-Tags der Woocommerce-Dankeschön-Seite ein

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy