Expo - Banner Story

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	Veri Tipi	Zorunlu	Açıklama

Parametre	Veri Tipi	Zorunlu	Açıklama
`api`	`create_api`	zorunlu	Oluşturduğunuz `create_api` objesi.
`eventParameters`	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. Default `{}`
`pageName`	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.
`action`	function	zorunlu	Story’e dokunduktan sonra yapılacak işlem için gönderilecek fonksiyon. İlgili story datasını obje tipinde geri döner. Default `()=>{}`
`size`	integer	optional	Story elemanlarının boyutları. Default iOS 68, Android 100.
`rectangle`	float	optional	Story yükseklik çarpanı. Genişlik aynı kalır, yüksekliği gönderilen değer ile çarpar. Default 1.
`action_id`	integer	optional	RMC panelinde oluşturduğunuz birden fazla Banner Story arasından istediğinizi getirmek için kullanılan id. Default olarak son oluşturulan Banner Story’i getirecektir.

Dokunma sonrası callback data

 {
  "image": "https://picsum.photos/id/235/200",
  "key": 1,
  "seen": false,
  "title": "title",
  "url": "https://www.relateddigital.com/",
}

Örnek kullanım

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.pv":"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
        />
    )
  }
}