programing

woocommerce 감사 페이지의 헤드 태그에 javascript 코드를 삽입합니다.

instargram 2023. 3. 13. 20:09
반응형

woocommerce 감사 페이지의 헤드 태그에 javascript 코드를 삽입합니다.

감사 페이지에 구글 추적 스크립트를 추가하려고 합니다.트래커를 동적 값으로 감사에 성공적으로 삽입하는 코드를 작성했지만 태그에 추가해야 합니다.

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

이 코드를 header.php에 있는 동적 값과 함께 사용하는 방법 또는 woocommerce 감사 페이지에 태그를 대상으로 하는 후크가 있는지 확인합니다.

다음 명령을 사용하여 "주문 접수" 페이지의 헤드 태그에 코드를 주입합니다.

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

코드는 기능합니다.php 파일에는 액티브한 아이 테마(또는 활성 테마).테스트 및 동작.

언급URL : https://stackoverflow.com/questions/56111426/insert-javascript-code-into-the-head-tags-of-the-woocommerce-thank-you-page

반응형