Tags: Mobile edit Mobile web edit |
|
| Line 34: |
Line 34: |
| :3. Choose Web option. | | :3. Choose Web option. |
| [[File:Pixel setup web type.png|1000px|border|center]] | | [[File:Pixel setup web type.png|1000px|border|center]] |
| <br><br>
| |
| :4. Select "Facebook pixel".
| |
| [[File:Pixel start.png|border|center]]
| |
| <br><br>
| |
| :5. Insert the title of pixel, your booking website address and press "Continue" button.<br>
| |
| [[File:Connect site.png|center]]<br><br>
| |
| <br><br>
| |
| :6. Choose manual code installation.
| |
| [[File:Install code manually.png|border| center]]
| |
| <br><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]]
| |
| <br><br>
| |
| [[File:Copy pixel source.png|border|center]]<br>
| |
| <br><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>
| |
| :10. Check your booking page activity in Facebook pixel -> Overview tab.<br>
| |
| [[File:Pixel results.png|border|center]]<br>
| |
| <br><br> | | <br><br> |