Additional tips: Difference between revisions

Line 151:

where content should contain tracking pixel url. And press Save CSS.

=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 SimplyBook.me site:

: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.

:1. Go to your [https://www.facebook.com/events_manager2/list/pixel/ Facebook Pixel tab] in Ads Manager.

:2. Follow the simple steps to create pixel. Choose to connect a data source.

[[File:Pixel start page.png|border|center]]

:3. Choose Web option.

[[File:~~Connect~~ web ~~data source~~.png|border|center]]

[[File:Pixel setup web type.png|1000px|border|center]]

:4. Select "Facebook pixel".

Line 172:

:7. Copy the code and insert it to any text editor, copy the src of the tracking pixel.

[[File:Get facebook code.png|border|center]]

[[File:Copy pixel source.png|border|center]]

:8. In your SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS Custom Feature. 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.:

~~:For usual confirmation page:~~

~~<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>~~

~~ ~~

~~:In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page. ~~

~~: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>~~

~~ ~~

~~:And press Save CSS button. ~~

~~[[File: Add tracking pixel code new.png |center]] ~~

~~:9. Get back to Facebook pixel setup page and skip the next steps in case you do not need them.~~

~~:10. Check your booking page activity in Facebook pixel -> Overview tab. ~~

~~[[File:Pixel results.png|border|center]] ~~

@@ Line 151: / Line 151: @@
 where content should contain tracking pixel url. And press Save CSS.
 <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]
 <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>
 [[File:Pixel start page.png|border|center]]<br><br>
 :3. Choose Web option.
-[[File:Connect web data source.png|border|center]]
+[[File:Pixel setup web type.png|1000px|border|center]]
 <br><br>
 :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>
 [[File:Get facebook code.png|border|center]]
+<br><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>
-:10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
-[[File:Pixel results.png|border|center]]<br>
 <br><br>