Line 10: |
Line 10: |
| | | |
| ;How to use | | ;How to use |
− | :1. Enable Facebook Pixel on your Custom Features page, Statistics and Analytics section. | + | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook Pixel</span> on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Statistics and Analytics</span> section. |
| [[File:Tracking enable path.png|1200px|border|center]] | | [[File:Tracking enable path.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :2. Navigate to Data Sources on your Facebook business page and either select the previously selected pixel or [[Additional_tips#Facebook_tracking_pixel|create a new one]] by clicking on "Connect data sources" button. | + | :2. Navigate to <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://www.facebook.com/events_manager2/list/pixel/ Data Sources on your Facebook business page]</span> and either select the previously selected pixel or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Additional_tips#Create_Facebook_pixel|create a new one]]</span> by clicking on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Connect data sources</span> button. |
| <br><br> | | <br><br> |
− | :3. Copy 16-digit pixel code. | + | :3. Copy 16-digit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">pixel code.</span> |
| [[File:Facebook copy pixel code.png|1200px|border|center]] | | [[File:Facebook copy pixel code.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :4. Paste it to the setting field on SimplyBook.me side. Save settings. | + | :4. Paste it to the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pixel ID</span> field on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me</span> side. Save settings. |
| [[File:Tracking settings path.png|1200px|border|center]] | | [[File:Tracking settings path.png|1200px|border|center]] |
| <br><br> | | <br><br> |
− | :5. (optional) You can test events using the corresponding tab on your Facebook business page.<br> | + | :5. (optional) You can <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test events</span> using the corresponding tab on your Facebook business page.<br> |
| :Simply paste your booking website url there, navigate to it and go through the pages to create the activity. | | :Simply paste your booking website url there, navigate to it and go through the pages to create the activity. |
| :View the urls, events and their parameters. It is possible to see simple pageviews, schedule and purchase events. | | :View the urls, events and their parameters. It is possible to see simple pageviews, schedule and purchase events. |
| [[File:Facebook test events.png|1200px|border|center]]<br><br> | | [[File:Facebook test events.png|1200px|border|center]]<br><br> |
| [[File:Facebook event example.png|1200px|border|center]]<br><br> | | [[File:Facebook event example.png|1200px|border|center]]<br><br> |
− | :6. In the "Overview" Facebook tab you will be able to see the real events with the details in parameters. | + | :6. In the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Overview</span> Facebook tab you will be able to see the real events with the details in parameters. |
| [[File:Facebook events parameters.png|1200px|border|center]]<br><br><br><br> | | [[File:Facebook events parameters.png|1200px|border|center]]<br><br><br><br> |