Additional tips: Difference between revisions
No edit summary |
No edit summary |
||
| Line 153: | Line 153: | ||
=Facebook tracking pixel= | =Facebook tracking 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> | |||
To add Facebook tracking pixel to SimplyBook.me site:<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> | :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> | ||
2. Follow the simple steps to create pixel.<br> | :2. Follow the simple steps to create pixel.<br> | ||
[[File: | [[File:Fb pixel get started.png|center]]<br><br> | ||
3. Insert the title of the pixel and press Create button.<br> | :3. Insert the title of the pixel and press Create button.<br> | ||
[[File: | [[File:Fb pixel name.png|center]]<br><br> | ||
4. | :4. Select manual code installation. | ||
[[File: | [[File:Fb pixel manual installation.png | center]] | ||
<br><br> | |||
:5. Copy src of the tracking pixel.<br> | |||
[[File:Fb pixel code copy.png|center]]<br> | |||
:6. In your SimplyBook.me admin interface go to Custom Features // Custom Features section and enable Custom CSS Custom Feature. In this Custom Feature settings add code with src copied from previous step:<br><br> | |||
''New themes'' | ''New themes'' | ||
:For usual confirmation page: | :For usual confirmation page: | ||
<code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code> | <code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code> | ||
<br><br> | <br><br> | ||
:In case Accept payments feature is on and invoices are used as the booking confirmation page. | :In case [[Custom_Features#Accept_Payments | Accept payments]] feature is on and invoices are used as the booking confirmation page. | ||
<code>.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("src from facebook"); }</code> | <code>.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("src from facebook"); }</code> | ||
<br> <br> | <br> <br> | ||
| Line 181: | Line 184: | ||
<br> | <br> | ||
And press Save CSS button.<br> | And press Save CSS button.<br> | ||
[[File: Add tracking pixel code new.png |center]]<br> | [[File: Add tracking pixel code new.png |center]]<br><br> | ||
:7. Get back to Facebook pixel setup page and click on "Continue" after copying the code.<br> | |||
[[File: | :You will see events step. Please select "View Content" there and fill in the required details. | ||
[[File:Fb pixel select view content.png | center]] | |||
[[File: | <br><br> | ||
:8. Now you can track successful bookings. <br> | |||
:In [https://www.facebook.com/business/url/?href=https%3A%2F%2Fwww.facebook.com%2Fads%2Fmanager%2Fpixel%2Fcustom_audience_pixel%2F&cmsid=952192354843755&creative=link&creative_detail=advertiser-help-center&create_type&destination_cms_id&orig_http_referrer Facebook pixel tab] navigate to "Custom Conversions" tab. | |||
[[File:Setup pixel step 5.png | center]] | |||
<br><br> | |||
:9. Select to create Custom conversion. | |||
[[File:Fb pixel go to create conversion.png | center]] | |||
<br><br> | |||
:10. In the Rule section, click on dropdown and change URL to "contains". Then add your company name as in url of your Simplybook.me account as a value.<br> | |||
:In Category section choose View Content. Then press |Create".<br> | |||
[[File:Fb pixel create conversion rule.png|center]]<br><br> | |||
:11. Check your booking pages activity in Facebooc pixel//Overview tab.<br> | |||
[[File:Pixel tracking results overview.png|center]]<br> | |||
<br><br> | |||