Banner Story dokunma sonrasında kullanıcıyı doğrudan tanımlı sayfaya yönlendirir veya belirli bir fonksiyonu tetikler. Her bir Story elemanının yönleneceği sayfayı RMC paneli üzerinden tanımlamanız gerekmektedir.
Parametre Bilgileri
Parametre İsmi | Veri Tipi | Zorunlu | DescriptionAçıklama |
---|---|---|---|
|
| zorunlu | Oluşturduğunuz |
| object | zorunlu | İlgili sayfada Visilabs’e göndereceğiniz parameterler. Eğer bu değer boş olursa panel üzerinden verdiğiniz Target Rules geçerli olmayacaktır. |
| string | zorunlu | Story çalıştıracağınız sayfanın ismi. Bu değer, panelde page to be applied olarak girdiğiniz değer ile karşılaştırılır. Elşeşme sağlanırsa story gösterilir. |
| function | zorunlu | Story’e dokunduktan sonra yapılacak işlem için gönderilecek fonksiyon. |
| integer | optional | Story elemanlarının boyutları. |
| float | optional | Story yükseklik çarpanı.(Yüksekliği büyütmek istediğinizde kullanın). Genişlik aynı kalır, yüksekliği gönderilen değer ile çarpar. |
| integer | optional | RMC panelinde oluşturduğunuz birden fazla Banner Story arasından istediğinizi getirmek için kullanılan id. |
Dokunma sonrası callback data
Code Block | ||
---|---|---|
| ||
{
"image": "https://picsum.photos/id/235/200",
"key": 1,
"seen": false,
"title": "title",
"url": "https://www.relateddigital.com/",
} |
Örnek kullanım
Code Block | ||
---|---|---|
| ||
import React, { Component } from 'react' import { Platform } from 'react-native' import { create_api, Story} from '@relateddigital/visilabs-react-native'; var organizationID = "OID"; var siteID = "SID"; var segmentURL = "http://lgr.visilabs.net"; var dataSource = "datasource"; var realTimeURL = "http://rt.visilabs.net"; var channel = Platform.OS === "ios" ? "IOS" : "Android"; var euroMsgApplicationKey = "euroMsgApplicationKey"; var euroMsgSubscriptionURL = "https://pushs.euromsg.com/subscription"; var euroMsgRetentionURL = "https://pushr.euromsg.com/retention"; var api = create_api(organizationID, siteID, segmentURL, dataSource, realTimeURL, channel, euroMsgApplicationKey, euroMsgSubscriptionURL, euroMsgRetentionURL, "tr-TR"); export default class App extends Component { constructor(props) { super(props) this.eventParameters = { "OM.pppv":"ayakkabi", "OM.ppr":"123", "OM.exVisitorID":"baris.arslan@euromsg.com" } } render() { return ( <Story api={api} // Required object eventParameters={this.eventParameters} // Required object pageName={"home"} // Required string action={(data) => alert(data.title)} // Required function // size={130} // Optional number default 100 // rectangle={1.2} // Optional double default 1 // action_id={123} // Optional spesific story list /> ) } } |