WooCommerce 教程：将不同的 Facebook 像素添加到不同的页面

redmaomail 2024-07-24 17:24 阅读数 68 #WooCommerce

上周，即将举办 Facebook 广告活动的客户问我一些有趣的事情。过去，我们已经看到如何向 “感谢” 页面添加转化跟踪，但是这一次略有不同。

我的客户的 FB 顾问需要一个代码为整个网站，另一个代码为 Checkout 页面（“用户已启动检出”），另一个代码谢谢页面（“用户已经购买”）。所以，这是我怎么做到的。

大声思考：条件逻辑

当您在 WooCommerce 中编码时，您总是需要问自己一个问题：您的代码段是否需要在网站的每一页上运行？

如果答案是否定的，您可能已经听说过条件逻辑（我在上一个教程中介绍了 WooCommerce 条件逻辑）。而这种情况并没有什么不同。

我们需要一个不同的 Facebook 跟踪代码：

整个网站，不包括结帐和谢谢页面
只有 Checkout 页面
谢谢页面

所以诀窍基本上是找到什么是理想的 PHP 来执行某些东西，如下所示：IF（CONDITION）> THEN（ECHO THIS）。

如果您看看我的教程，那么目标结帐页面的条件标签是：is_checkout（）。问题是，这也是针对感谢页面（他们有相同的页面 ID！）。所以我不得不使用另一个条件标签，称为 is_wc_endpoint_url（’order-received’），它专门针对 “端点” 。

好的，让我们看看 PHP 如何工作

PHP 片段：将不同的 Facebook 像素添加到不同的 WooCommerce 页面

/**
 * @snippet       Add Different Facebook Pixels to Different WooCommerce Pages
 * @sourcecode    https://businessbloomer.com/?p=21309
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 2.6.8
 */

add_action( 'wp_head', 'bbloomer_head_conditional_fb_pixel' );

function bbloomer_head_conditional_fb_pixel() {

if ( is_checkout() && !is_wc_endpoint_url( 'order-received' ) ) {

// FIRST WE TARGET THE CHECKOUT PAGE WITH is_checkout()
// AND WE MAKE SURE TO EXCLUDE THE THANK YOU PAGE

	?>
		<!-- Facebook Pixel Code for Initiated Checkout -->
		<!-- End Facebook Pixel Code -->
	<?php } elseif ( is_wc_endpoint_url( 'order-received' ) ) { // THEN WE TARGET THE THANK YOU PAGE ONLY ?>
		<!-- Facebook Pixel Code for Conversions -->
		<!-- End Facebook Pixel Code -->
	<?php } else { // FINALLY WE TARGET ALL THE OTHER PAGES ?>
		<!-- Facebook Pixel Code for Rest of Website -->
		<!-- End Facebook Pixel Code -->
	<?php
}

}