Changes

From SimplyBook.me

Additional tips (view source)

Revision as of 09:53, 28 June 2021

1,339 bytes removed ,  2 years ago
no edit summary
Line 151: Line 151:  
where content should contain tracking pixel url. And press Save CSS.
 
where content should contain tracking pixel url. And press Save CSS.
 
<br><br>
 
<br><br>
−
=Facebook tracking pixel=
+
=Create Facebook pixel=
 
To add Facebook tracking pixel to your site please follow the instructions from [https://www.facebook.com/business/help/952192354843755 Advertiser Help Center]
 
To add Facebook tracking pixel to your site please follow the instructions from [https://www.facebook.com/business/help/952192354843755 Advertiser Help Center]
 
<br><br>
 
<br><br>
 
;To add Facebook tracking pixel to SimplyBook.me site:<br><br>
 
;To add Facebook tracking pixel to SimplyBook.me site:<br><br>
−
:1. Go to your [https://www.facebook.com/business/url/?href=https%3A%2F%2Fwww.facebook.com%2Fads%2Fmanager%2Fpixel%2Ffacebook_pixel&cmsid=952192354843755&creative=link&creative_detail=advertiser-help-center&create_type&destination_cms_id&orig_http_referrer Facebook Pixel tab] in Ads Manager.<br><br>
+
:1. Go to your [https://www.facebook.com/events_manager2/list/pixel/ Facebook Pixel tab] in Ads Manager.<br><br>
 
:2. Follow the simple steps to create pixel. Choose to connect a data source.<br>
 
:2. Follow the simple steps to create pixel. Choose to connect a data source.<br>
 
[[File:Pixel start page.png|border|center]]<br><br>
 
[[File:Pixel start page.png|border|center]]<br><br>
 
:3. Choose Web option.
 
:3. Choose Web option.
−
[[File:Connect web data source.png|border|center]]
+
[[File:Pixel setup web type.png|1000px|border|center]]
 
<br><br>
 
<br><br>
 
:4. Select "Facebook pixel".
 
:4. Select "Facebook pixel".
Line 172: Line 172:  
:7. Copy the code and insert it to any text editor, copy the src of the tracking pixel.<br>
 
:7. Copy the code and insert it to any text editor, copy the src of the tracking pixel.<br>
 
[[File:Get facebook code.png|border|center]]
 
[[File:Get facebook code.png|border|center]]
−
 
+
<br><br>
 
[[File:Copy pixel source.png|border|center]]<br>
 
[[File:Copy pixel source.png|border|center]]<br>
−
:8. In your SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS Custom Feature.<br>In this Custom Feature settings select the tab depending on whether you will be traking successful bookings on the booking website provided by SimplyBook.me or booking widget on your own website . Add the code with src copied from previous step.:<br><br>
  −
:For usual confirmation page:
  −
<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>
  −
<br><br>
  −
:In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page.<br>
  −
:This way you will track successful purchases.
  −
<code>.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("src from facebook"); }</code>
  −
<br>
  −
<br>
  −
:And press Save CSS button.<br>
  −
[[File: Add tracking pixel code new.png |center]]<br><br>
  −
:9. Get back to Facebook pixel setup page and skip the next steps in case you do not need them.
   
<br><br>
 
<br><br>
−
:10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
  −
[[File:Pixel results.png|border|center]]<br>
   
<br><br>
 
<br><br>
Retrieved from "https://help.simplybook.me/index.php/Special:MobileDiff/6808"