{
    "componentChunkName": "component---node-modules-rocketseat-gatsby-theme-docs-core-src-templates-docs-query-js",
    "path": "/docs/destinations/testing-and-personalization/optimizely-full-stack/",
    "result": {"data":{"mdx":{"id":"020caa7c-c5ad-530a-a3eb-8549adcb2ef5","excerpt":"Optimizely Full Stack Optimizely Full Stack  is a powerful A/B testing, feature flagging and experimentation platform. It allows you to track every aspect of…","fields":{"slug":"/docs/destinations/testing-and-personalization/optimizely-full-stack/"},"frontmatter":{"title":"Optimizely Full Stack","description":"Step-by-step guide to set up Optimizely Full Stack as a destination in RudderStack","image":null,"disableTableOfContents":null},"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Optimizely Full Stack\",\n  \"description\": \"Step-by-step guide to set up Optimizely Full Stack as a destination in RudderStack\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Tabs = makeShortcode(\"Tabs\");\nvar TabList = makeShortcode(\"TabList\");\nvar Tab = makeShortcode(\"Tab\");\nvar TabPanels = makeShortcode(\"TabPanels\");\nvar TabPanel = makeShortcode(\"TabPanel\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"optimizely-full-stack\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#optimizely-full-stack\",\n    \"aria-label\": \"optimizely full stack permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Optimizely Full Stack\"), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.optimizely.com/products/full-stack/\"\n  }, \"Optimizely Full Stack\"), \" is a powerful A/B testing, feature flagging and experimentation platform. It allows you to track every aspect of your customer's overall product journey, and experiment with various application features.\"), mdx(\"p\", null, \"With a fully-functional cross-platform support, Optimizely Full Stack allows you to roll out product features that best suit your application, and in turn boost your overall sales and customer engagement.\"), mdx(\"p\", null, \"RudderStack supports Optimizely Full Stack as a destination to which you can send your event data in real-time.\"), mdx(\"h2\", {\n    \"id\": \"getting-started\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#getting-started\",\n    \"aria-label\": \"getting started permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Getting Started\"), mdx(\"p\", null, \"To enable sending data to Optimizely Full Stack, you will first need to add it as a destination to the source from which you are sending your event data. Once the destination is enabled, events from our SDK will start flowing to Optimizely Full Stack.\"), mdx(\"p\", null, \"Before configuring your source and destination on the RudderStack, please verify if the source platform is supported by Optimizely Full Stack, by referring to the table below:\"), mdx(\"table\", null, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"th\"\n  }, \"Connection Mode\")), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"th\"\n  }, \"Web\")), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"th\"\n  }, \"Mobile\")), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"th\"\n  }, \"Server\")))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"Device mode\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"-\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"Supported\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"-\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"Cloud mode\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"-\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"-\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"left\"\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"-\"))))), mdx(\"div\", {\n    className: \"infoBlock\"\n  }, mdx(\"p\", null, \"To know more about the difference between Cloud mode and Device mode in RudderStack, read the \", mdx(\"a\", {\n    href: \"https://rudderstack.com/docs/connections/rudderstack-connection-modes/\"\n  }, \"RudderStack connection modes\"), \" guide.\")), mdx(\"p\", null, \"Once you have confirmed that the platform supports sending events to Optimizely Full Stack, perform the steps below:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"From your \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://app.rudderlabs.com/\"\n  }, \"RudderStack dashboard\"), \", add the source. From the list of destinations, select Optimizely Full Stack\", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \".\"))), mdx(\"div\", {\n    className: \"infoBlock\"\n  }, mdx(\"p\", null, \"Please follow our \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://rudderstack.com/docs/connections/adding-source-and-destination-rudderstack/\"\n  }, \"Adding a Source and Destination\"), \" guide to add a source and destination in RudderStack.\")), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Give a name to the destination and click on \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Next\"), \". You should then see the following screen:\")), mdx(\"undefined\", null, mdx(\"span\", {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"960px\"\n    }\n  }, \"\\n      \", mdx(\"span\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"115.41666666666669%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/webp;base64,UklGRrgAAABXRUJQVlA4IKwAAABQBACdASoUABcAPjEWiUOiISEUBAAgAwS0gAAXRuFP+48CZLS78dPiBtjQAP7/t2trz5CdSuag2AczxhEARlMghwb8oIuHSgV1T2zWr5B7Nbbe3sGUwf1ZNprgbs6l6wlbC8ZdR+hro/KovcCnr+Ue6/UL31wYwYqWaaekvQQxwJnQrY1tvIBVYYYUsbX9IYTHHlZ1joR3zaGDtMBrpP8CNRQyTSRtNt8AAAAA')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"picture\", {\n    parentName: \"span\"\n  }, \"\\n          \", mdx(\"source\", {\n    parentName: \"picture\",\n    \"srcSet\": [\"/static/2371184869a8facb06ce6232b40bbbc9/cbea2/image.webp 240w\", \"/static/2371184869a8facb06ce6232b40bbbc9/42669/image.webp 480w\", \"/static/2371184869a8facb06ce6232b40bbbc9/10c02/image.webp 960w\", \"/static/2371184869a8facb06ce6232b40bbbc9/1df78/image.webp 1262w\"],\n    \"sizes\": \"(max-width: 960px) 100vw, 960px\",\n    \"type\": \"image/webp\"\n  }), \"\\n          \", mdx(\"source\", {\n    parentName: \"picture\",\n    \"srcSet\": [\"/static/2371184869a8facb06ce6232b40bbbc9/5243c/image.png 240w\", \"/static/2371184869a8facb06ce6232b40bbbc9/ab158/image.png 480w\", \"/static/2371184869a8facb06ce6232b40bbbc9/7d769/image.png 960w\", \"/static/2371184869a8facb06ce6232b40bbbc9/81cec/image.png 1262w\"],\n    \"sizes\": \"(max-width: 960px) 100vw, 960px\",\n    \"type\": \"image/png\"\n  }), \"\\n          \", mdx(\"img\", {\n    parentName: \"picture\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/2371184869a8facb06ce6232b40bbbc9/7d769/image.png\",\n    \"alt\": \"image\",\n    \"title\": \"image\",\n    \"loading\": \"lazy\",\n    \"decoding\": \"async\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  }), \"\\n        \"), \"\\n    \"), mdx(\"span\", {\n    \"className\": \"imageTitle\"\n  }, \"Connection Settings for Optimizely Full Stack\")), mdx(\"p\", null, \"The connection settings are explained in more detail below:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Track Known Users\"), \": Optimizely does not alias known and unknown users. Therefore, RudderStack will send the \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"anonymousId\"), \" to Optimizely by default if this setting is disabled. Otherwise, the \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"userId\"), \" will be sent.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Send the experiment and variation information as properties on a track call\"), \": By enabling this setting, the experiment data can be sent to the other destinations as a \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"track\"), \" call. This is done by triggering the \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Experiment Viewed\"), \" event every time an Optimizely live variable is accessed.\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"Specifies the experiment viewed as non interaction event for Google Analytics\"), \": Enabling this option sends \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Experiment Viewed\"), \" as a non-interaction event.\")), mdx(\"p\", null, \"Configure the settings according to your requirements and click on \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Next\"), \" to complete the setup. Optimizely Full Stack should now be added and enabled as a destination in RudderStack.\"), mdx(\"h3\", {\n    \"id\": \"implementation-prerequisites\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#implementation-prerequisites\",\n    \"aria-label\": \"implementation prerequisites permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Implementation Prerequisites\"), mdx(\"p\", null, \"Unlike other destinations, Optimizely Full Stack for the mobile integration works a little differently. You will have to implement some Optimizely functions natively to make sure the experiment logic runs correctly.\"), mdx(\"div\", {\n    className: \"infoBlock\"\n  }, mdx(\"p\", null, \"RudderStack maps the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"track\"), \" calls with Optimizely's \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"track\"), \" calls. You need to implement all the Optimizely's decision-based methods like \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"activate\"), \" and \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"isFeatureEnabled\"), \" natively.\"), mdx(\"p\", null, \"For more details please checkout \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://blog.optimizely.com/2019/02/26/introducing-easy-event-tracking-the-easier-way-to-understand-and-optimize-the-customer-journey/\"\n  }, \"Easy Event Tracking\"), \" and the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://docs.developers.optimizely.com/full-stack/docs/sdk-reference-guides#section-ios-and-tvos\"\n  }, \"Optimizely SDK reference Guide\"), \".\")), mdx(\"h2\", {\n    \"id\": \"adding-optimizely-to-your-mobile-project\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#adding-optimizely-to-your-mobile-project\",\n    \"aria-label\": \"adding optimizely to your mobile project permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Adding Optimizely to Your Mobile Project\"), mdx(Tabs, {\n    mdxType: \"Tabs\"\n  }, mdx(TabList, {\n    mdxType: \"TabList\"\n  }, mdx(Tab, {\n    mdxType: \"Tab\"\n  }, \"Android\"), mdx(Tab, {\n    mdxType: \"Tab\"\n  }, \"iOS\")), mdx(TabPanels, {\n    mdxType: \"TabPanels\"\n  }, mdx(TabPanel, {\n    mdxType: \"TabPanel\"\n  }, \"Please follow these steps to add Optimizely to your Android Project:\", mdx(\"ol\", null, mdx(\"li\", null, \"Add the following \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"repository\"), \" to your \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"app/build.gradle\"), \" file.\", mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"repositories {\\n    mavenCentral()\\n}\\n\")))), mdx(\"li\", null, \"After that, add the following \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"dependency\"), \" in the same file:\", mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"implementation 'com.rudderstack.android.integration:optimizely:0.1.1'\\nimplementation 'com.optimizely.ab:android-sdk:3.0.0'\\n\")))), mdx(\"li\", null, \"Initialize the Optimizely Manager:\", mdx(\"div\", {\n    className: \"successBlock\"\n  }, mdx(\"p\", null, \"Optimizely recommends initializing their SDK as soon as possible. You need to initialize the Optimizely Manager before proceeding to the next step (Step 4) .\"), mdx(\"p\", null, \"Please refer to the Optimizely \", mdx(\"a\", {\n    href: \"https://docs.developers.optimizely.com/full-stack/docs/initialize-sdk-android\"\n  }, \"Initializing the SDK\"), \" guide for more information.\")), mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"val optimizelyManager =  OptimizelyManager.builder()\\n            .withSDKKey(<YOUR OPTIMIZELY SDK KEY>)\\n            .build(this)\\n\")))), mdx(\"li\", null, \"Finally, change the initialization of your \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"RudderClient\"), \" in your \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"Application\"), \" class:\", mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"val rudderClient = RudderClient.getInstance(\\n    this,\\n    <YOUT_WRITE_KEY>,\\n    RudderConfig.Builder()\\n        .withEndPointUri(<YOUR_DATA_PLANE_URL>)\\n        .withFactory(OptimizelyIntegrationFactory.FACTORY(optimizelyManager)\\n        .build()\\n)\\n\"))), mdx(\"div\", {\n    className: \"warningBlock\"\n  }, mdx(\"p\", null, \"Make sure you pass the Optimizely manager instance you created (in Step 3) to the factory as shown in the snippet above.\"))))), mdx(TabPanel, {\n    mdxType: \"TabPanel\"\n  }, \"Follow these steps to add Optimizely to your iOS project:\", mdx(\"ol\", null, mdx(\"li\", null, \"Go your \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"Podfile\"), \" and add the \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"Rudder-Optimizely\"), \" extension\", mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"pod 'Rudder-Optimizely'\\n\")))), mdx(\"li\", null, \"After adding the dependency followed by \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"pod install\"), \" , you can add the imports to your \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"AppDelegate.m\"), \" file as shown:\", mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"#import \\\"RudderOptimizelyFactory.h\\\"\\n\")))), mdx(\"li\", null, \"Finally, change the initialization of your \", mdx(\"code\", {\n    className: \"inline-code\"\n  }, \"RudderClient\"), \" as shown:\", mdx(\"span\", null, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"RSConfigBuilder *builder = [[RSConfigBuilder alloc] init];\\n[builder withDataPlaneUrl:DATA_PLANE_URL];\\n// Setup optimizely logger.\\nOPTLYLoggerDefault *optlyLogger = [[OPTLYLoggerDefault alloc] initWithLogLevel:OptimizelyLogLevelAll];\\n// Create an Optimizely manager\\n self.optlyManager = [[OPTLYManager alloc] initWithBuilder:[OPTLYManagerBuilder  builderWithBlock:^(OPTLYManagerBuilder * _Nullable builder) {\\n        builder.sdkKey = @<SDK KEY>;\\n        builder.logger = optlyLogger;\\n }]];\\n[builder withFactory:[RudderOptimizelyFactory instanceWithOptimizely:self.optlyManager]];\\n[builder withLoglevel:RSLogLevelDebug];\\n[RSClient getInstance:WRITE_KEY config:[builder build]];\\n\")))))))), mdx(\"h2\", {\n    \"id\": \"contact-us\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#contact-us\",\n    \"aria-label\": \"contact us permalink\",\n    \"className\": \"anchor before\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Contact Us\"), mdx(\"p\", null, \"If you come across any issues while configuring or using Optimizely Full Stack with RudderStack, please feel free to \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"mailto:%20docs@rudderstack.com\"\n  }, \"contact us\"), \". You can also start a conversation in our \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://rudderstack.com/join-rudderstack-slack-community\"\n  }, \"Slack\"), \" community; we will be happy to talk to you!\"));\n}\n;\nMDXContent.isMDXComponent = true;","headings":[{"depth":1,"value":"Optimizely Full Stack"},{"depth":2,"value":"Getting Started"},{"depth":3,"value":"Implementation Prerequisites"},{"depth":2,"value":"Adding Optimizely to Your Mobile Project"},{"depth":2,"value":"Contact Us"}]}},"pageContext":{"slug":"/docs/destinations/testing-and-personalization/optimizely-full-stack/","next":{"label":"Home","link":"/docs/home"},"repositoryEditUrl":"","repositoryProvider":""}},
    "staticQueryHashes": ["2501019404"]}