|
|
| Line 118: |
Line 118: |
| = Як додати SimplyBook.me на екран мобільного пристрою = | | = Як додати SimplyBook.me на екран мобільного пристрою = |
|
| |
|
| <div class="mw-translate-fuzzy">
| |
| 1. Пристрій Android:<br> | | 1. Пристрій Android:<br> |
| 1.1. Відкрийте мобільний браузер і увійдіть у свій обліковий запис адміністратора Simplybook.me. Натисніть на 3 крапки в правому верхньому куті мобільного браузера: | | 1.1. Відкрийте мобільний браузер і увійдіть у свій обліковий запис адміністратора Simplybook.me. Натисніть на 3 крапки в правому верхньому куті мобільного браузера: |
| Line 155: |
Line 154: |
| [[File:Pixel setup web type.png|1000px|border|center]] | | [[File:Pixel setup web type.png|1000px|border|center]] |
| <br><br> | | <br><br> |
| :4. Виберіть «Піксель Facebook».
| |
| [[File:Pixel start.png|border|center]]
| |
| <br><br>
| |
| :5. Введіть назву пікселя, адресу вашого веб-сайту для бронювання та натисніть кнопку «Продовжити».<br>
| |
| [[File:Connect site.png|center]]<br><br>
| |
| <br><br>
| |
| :6. Виберіть ручну інсталяцію коду.
| |
| [[File:Install code manually.png|border| center]]
| |
| <br><br>
| |
| :7. Скопіюйте код і вставте його в будь-який текстовий редактор, скопіюйте src пікселя відстеження.<br>
| |
| [[File:Get facebook code.png|border|center]]
| |
| <br><br>
| |
| [[File:Copy pixel source.png|border|center]]<br>
| |
| <br><br>
| |
| :8. В адміністративному інтерфейсі SimplyBook.me перейдіть до розділу «Налаштування» // «Налаштування» та увімкніть «Налаштування CSS».<br>У налаштуваннях Custom Feature виберіть вкладку залежно від того, чи будете ви відстежувати успішні бронювання на веб-сайті бронювання, наданому SimplyBook.me, чи на віджеті бронювання на вашому власному веб-сайті. Додайте код із src, скопійований у попередньому кроці.<br><br>
| |
| :Для звичайної сторінки підтвердження:
| |
| <code>#booking-result-view .booking-item.booking-confirmed { background-image: url("src from facebook"); }</code>
| |
| <br><br>
| |
| :У разі, якщо функція [[Custom_Features#Accept_Payments | «Приймати платежі»]] увімкнена і рахунки використовуються як сторінка підтвердження бронювання.<br>
| |
| :Таким чином ви будете відстежувати успішні покупки.
| |
| <code>.invoice-pay-page .invoice-info .part table b.text-success{ background-image: url("src from facebook"); }</code>
| |
| <br><br>
| |
| :І натисніть кнопку «Зберегти CSS».<br>
| |
| [[File:Add tracking pixel code new.png|center]]<br><br>
| |
| :9. Поверніться на сторінку налаштування пікселя Facebook і пропустіть наступні кроки, якщо вони вам не потрібні.
| |
| <br>
| |
| :10. Перевірте активність вашої сторінки бронювання в пікселі Facebook -> вкладка «Огляд».<br>
| |
| [[File:Pixel results.png|border|center]]<br>
| |
| <br><br>
| |
| </div>
| |
| <div lang="en" dir="ltr" class="mw-content-ltr"> | | <div lang="en" dir="ltr" class="mw-content-ltr"> |
| :4. Select "Facebook pixel". | | :4. Select "Facebook pixel". |