איך מטמיעים פיקסל בדף תודה בחנות Woocommerce? - AppWEB בניית אתרים

איך מטמיעים פיקסל בדף תודה בחנות Woocommerce?


וורדפרס
עודכן בתאריך: 14 יולי, 2018
פורסם לראשונה: 19 נובמבר, 2017

יש לכם חנות אינטרנטית מבוססת Woocommerce, אתם צעד אחד לפני תחילתו של קמפיין קידום ממומן ואופס… חברת השיווק והקידום הדיגיטלי שלכם ו/או פלטפורמת הפרסום בה אתם קונים מדיה מבקשת ממכם להטמיע פיקסל המרה לאחר הרכישה? אל חשש, במדריך זה נלמד כיצד ניתן להטמיע פיקסל בדף התודה של ווקומרס.

שימו לב, מדריך זה מסביר כיצד ניתן להטמיע קוד המרה בדף התודה בלבד ולא בכלל דפי האתר.

רגע… מה תפקידו של הפיקסל בכלל וכיצד הוא תורם לאופטימיזציית הקמפיין?

ובכן, כאשר גולש צופה במודעה שלכם, הוא מקבל מעין "תעודת זהות" אשר מאפשרת למפרסם להבדיל בין כל גולש וגולש שצפה במודעה שלכם ולעקוב (Tracking) אחר הפעולות שלו באתר כשהמטרה העיקרית הינה לגרום לגולש לרכוש את אחד המוצרים שלכם.

במילים פשוטות ומבלי להיכנס למונחים טכניים, כשאתם מטמיעים פיקסל מסוג המרה בדף התודה, הפיקסל מעביר מסר לפלטפורמת הפרסום – "היי! אני גולש XYZ וביצעתי רכישה באתר". הפיקסל, כאמור, מוצג רק בדף התודה של ווקומרס וניתן להגיע אליו רק לאחר רכישת מוצר כלשהו – מה שמעיד כי ברגע שהפיקסל יורה, בוצעה רכישה באתר.

איזה יופי! איך עושים את זה בדף התודה של Woocommerce?

אני שמח ששאלתם, האמת היא שזה הרבה יותר פשוט ממה שאתם חושבים. כל שעליכם לעשות הוא להיכנס לקובץ functions.php שנמצא בתבנית האתר שלכם. מומלץ לעשות זאת על תבנית בת (Child Theme). הנתיב המלא לקובץ הינו:

/YOUR-WordPress-FOLDER/wp-content/themes/YOUR-THEME/functions.php

כעת, נוסיף Action שיכניס את הפיקסל שלנו לדף התודה של Woocommerce:

/**
 * @snippet       Add Conversion pixel to Thank You Page in WooCommerce
 * @sourcecode    https://www.appweb.technology/how-to-embed-pixel-in-thankyou-page-woocommerce/
 * @author        AppWEB Technology
 */
 
add_action( 'woocommerce_thankyou', 'appweb_conversion_tracking' );
 
function appweb_conversion_tracking() {
echo <<<HTML
YOUR HTML PIXEL CODE
HTML;
}
 

יש להחליף את הכיתוב "YOUR HTML PIXEL CODE" בקוד ההמרה שלכם ולהטמיע את כל הקוד בסוף קובץ ה-functions.php שלכם, ממש לפני סגירתו.
לנוחיותכם, אנו מצרפים דוגמה להטמעת Conversion Pixel של גוגל:

/**
 * @snippet       Add Conversion pixel to Thank You Page in WooCommerce
 * @sourcecode    https://www.appweb.technology/how-to-embed-pixel-in-thankyou-page-woocommerce/
 * @author        AppWEB Technology
 */
 
add_action( 'woocommerce_thankyou', 'appweb_conversion_tracking' );
 
function appweb_conversion_tracking() {
echo <<<HTML
<!-- Google Code for Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 000000000000;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "דוגמה להטמעת קוד המרה";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/000000000000/?label=דוגמה להטמעת קוד המרה&amp;guid=ON&amp;script=0"/>
</div>
</noscript>
HTML;
}
 

קוד זה כאמור, יוטמע בסוף הקובץ functions.php בתבנית האתר (רצוי בתבנית הבת באם קיימת) וורדפרס שלכם.

תגובות לאיך מטמיעים פיקסל בדף תודה בחנות Woocommerce?

אל תישארו מאחור…

הפיקסל לא מוטמע כראוי? צריכים עזרה נוספת? אתם מוזמנים לפנות אלינו בטופס הבא:

צור קשר

/ זמינות מיידית