Интеграция кода отслеживания

После активации вы получите письмо.

Код отслеживания появится в личном кабинете, в разделе Продукты.

Ссылка на заказ Яндекс Go

Для отслеживания заказов вы можете использовать только код отслеживания (CLID) типа Ссылка для заказа.

В разделе Инструменты такси размещен конструктор виджетов, куда автоматически подставляется ваш код отслеживания нужного типа.

Если вы уже используете виджет без кода отслеживания, то в его коде найдите параметр data-ref= и замените значение параметра на код отслеживания.

<div class="ya-taxi-widget" data-use-location="true" data-app=”3” data-redirect="1178268795219780156" data-size="s" data-theme="normal" data-title="Доехать на такси" data-point-b="37.636823,55.745017" data-ref="ВАШ_КОД_ОТСЛЕЖИВАНИЯ" data-description="" data-proxy-url="https://{app}.redirect.appmetrica.yandex.com/route?start-lat={start-lat}&amp;start-lon={start-lon}&amp;end-lat={end-lat}&amp;end-lon={end-lon}&amp;ref={ref}&amp;appmetrica_tracking_id={redirect}"></div></html>

Если вы используете простую ссылку, укажите код отслеживания в параметре ref=.

https://3.redirect.appmetrica.yandex.com/route?end-lat=55.745017&end-lon=37.636823&ref=ВАШ_КОД_ОТСЛЕЖИВАНИЯ&appmetrica_tracking_id=1178268795219780156

Чтобы работать с виджетом, используйте параметры data-app="3" и data-redirect="25395763362139037".

После внесения кода отслеживания откройте ссылку с десктопа и перейдите на сайт Яндекс Go. В адресной строке браузера найдите параметр ref= и убедитесь, что:

• в его значении указан ваш код отслеживания типа Ссылка для заказа;

• в ссылке только один параметр ref=.

Ссылка на приложение Яндекс Go

Для отслеживания заказов вы можете использовать только код отслеживания (CLID) типа Ссылка на приложение Яндекс Go. Используйте ссылку на одно из приложений в зависимости от региона продвижения.

Чтобы интегрировать свой код отслеживания в ссылку, cоздайте ее по шаблону:

https://yandex.go.link/?adj_t=i6qgxe_vlce30&adj_campaign=CLID_Площадка&adj_adgroup=CLID_VID_Идентификатор

Где:

Например, если партнер AdDistributor закупает рекламу в сети InMobi, конечная ссылка будет выглядеть так:

https://yandex.go.link/?adj_t=i6qgxe_vlce30&adj_campaign=7654321_InMobi&adj_adgroup=7654321_12_threeinarow.apk&adj_creative=8877665544_hype1

Используйте ссылку для привлечения только новых пользователей приложения. Для оформления ссылок можно использовать только рекламные материалы, размещенные на вкладке Генератор ссылок.

Интеграция виджета заказа такси в Яндекс Карты

Чтобы кнопка вызова такси отображалась на интерактивной карте:

1. Создайте карту по инструкции.

2. Добавьте на страницу script для виджетов такси:

   <script type="text/javascript" src="https://yastatic.net/taxi-widget/ya-taxi-widget.js" charset="utf-8"></script>
   <script>
     window.LOCATION = {center: [37.623082, 55.75254], zoom: 9}; // Москва
   </script>
   

3. Сгенерируйте виджет.

   Пример

   <div
     class="ya-taxi-widget"
     data-ref="Lenina%2034"
     data-proxy-url="https://{app}.redirect.appmetrica.yandex.com/route?start-lat={start-lat}&amp;start-lon={start-lon}&amp;end-lat={end-lat}&amp;end-lon={end-lon}&amp;tariffClass={tariff}&amp;ref={ref}&amp;appmetrica_tracking_id={redirect}&amp;lang={lang}"
     data-tariff="econom"
     data-app="3"
     data-lang="en"
     data-redirect="1178268795219780156"
     data-description="Moscow, Russian Federation, Lva Tolstogo Street, 16"
     data-size="s"
     data-theme="normal"
     data-title="Call a taxi"
     data-use-location="true"
     data-point-a=""
     data-point-b="37.588144,55.733842"
   ></div>
   

4. Добавьте кнопку на карту.

   ymaps3.ready.then(() => {
     class YMapControlTaxiButton extends ymaps3.YMapEntity {
      __element = document.createElement('ymaps');
   
       constructor(options) {
         super(options);
         this.__element.innerHTML = this._props.html;
       }
   
       _onAttach() {
        this._detachDom = ymaps3.useDomContext(this, this.__element);
         // API из виджета такси https://yastatic.net/taxi-widget/ya-taxi-widget.js
         window.YaTaxiWidget.init(this.__element.querySelector('.ya-taxi-widget'));
       }
   
       _onDetach() {
         this._detachDom();
         this._detachDom = null;
       }
     }
   });
   

5. Добавьте код виджета на карту.

   <script>
     ymaps3.ready.then(() => {
       class YMapControlTaxiButton extends ymaps3.YMapEntity {
         //...
       }
   
       const map = new ymaps3.YMap(document.getElementById('app'), {
         location: LOCATION
       });
   
       map.addChild(
         new ymaps3.YMapControls({position: 'bottom left'}).addChild(
           new YMapControlTaxiButton({
             html: `<div class="ya-taxi-widget" data-ref="Lenina%2034" data-proxy-url="https://{app}.redirect.appmetrica.yandex.com/route?start-lat={start-lat}&amp;start-lon={start-lon}&amp;end-lat={end-lat}&amp;end-lon={end-lon}&amp;tariffClass={tariff}&amp;ref={ref}&amp;appmetrica_tracking_id={redirect}&amp;lang={lang}" data-tariff="econom" data-app="3" data-lang="en" data-redirect="1178268795219780156" data-description="Moscow, Russian Federation, Lva Tolstogo Street, 16" data-size="s" data-theme="normal" data-title="Call a taxi" data-use-location="true" data-point-a="" data-point-b="37.588144,55.733842"></div>`
           })
         )
       );
     });
   </script>
   <div id="app" stype="width:100%; height: 100%;"></div>
   

   Код для React

   ymaps3.ready.then(async () => {
     class YMapControlTaxiButton extends ymaps3.YMapEntity {
       //...
     }
   
     const ymaps3React = await ymaps3.import('@yandex/ymaps3-reactify');
     const reactify = ymaps3React.reactify.bindTo(React, ReactDOM);
   
     const {YMap, YMapControls, YMapDefaultSchemeLayer} = reactify.module(ymaps3);
     const {YMapControlTaxiButtonR} = reactify.module({YMapControlTaxiButtonR: YMapControlTaxiButton});
   
     function App() {
       return (
         <YMap location={LOCATION}>
           <YMapDefaultSchemeLayer />
           <YMapControls position="bottom left">
             <YMapControlTaxiButton
               html={`<div class="ya-taxi-widget" data-ref="Lenina%2034" data-proxy-url="https://{app}.redirect.appmetrica.yandex.com/route?start-lat={start-lat}&amp;start-lon={start-lon}&amp;end-lat={end-lat}&amp;end-lon={end-lon}&amp;tariffClass={tariff}&amp;ref={ref}&amp;appmetrica_tracking_id={redirect}&amp;lang={lang}" data-tariff="econom" data-app="3" data-lang="en" data-redirect="1178268795219780156" data-description="Moscow, Russian Federation, Lva Tolstogo Street, 16" data-size="s" data-theme="normal" data-title="Call a taxi" data-use-location="true" data-point-a="" data-point-b="37.588144,55.733842"></div>`}
             />
           </YMapControls>
         </YMap>
       );
     }
   });