ilink-world/docs/.docz/public/component---screen-ads-inte...

2 lines
3.4 KiB
JavaScript

(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{fjTP:function(e,n,t){"use strict";t.r(n),t.d(n,"_frontmatter",(function(){return l})),t.d(n,"default",(function(){return s}));t("5hJT"),t("W1QL"),t("K/PF"),t("t91x"),t("75LO"),t("PJhk"),t("mXGw");var r=t("/FXl"),i=t("TjRS");t("aD51");function a(){return(a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var l={};void 0!==l&&l&&l===Object(l)&&Object.isExtensible(l)&&!l.hasOwnProperty("__filemeta")&&Object.defineProperty(l,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"screen/ads/IntersticielAdsScreen.mdx"}});var c={_frontmatter:l},u=i.a;function s(e){var n=e.components,t=function(e,n){if(null==e)return{};var t,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,["components"]);return Object(r.b)(u,a({},c,t,{components:n,mdxType:"MDXLayout"}),Object(r.b)("h1",{id:"intersticielads"},"IntersticielAds"),Object(r.b)("p",null,"La vue IntersticielAds est celle utilisé pour afficher la publicité provenant du serveur de ",Object(r.b)("a",a({parentName:"p"},{href:"https://ad-server.ilink-app.com/"}),"publicité")," de iLink. De la même manière qu'une bannière publicitaire intersticiel de Google, elle s'affiche à interval régulier à l'utilisateur afin de ne pas gener son expérience au sein de l'application.\nelle est conçu pour s'afficher à l'utilisateur en mode plein écran avec un bouton permettant de fermé la publicité."),Object(r.b)("br",null),Object(r.b)("p",null,"Pour ce faire, elle fait appel au package ",Object(r.b)("a",a({parentName:"p"},{href:"https://reactnative.dev/docs/webview"}),"WebView")," de react-native afin de pouvoir affiché le contenu HTML de la bannière publicitaire provenant du serveur de publicité."),Object(r.b)("hr",null),Object(r.b)("p",null,"⚠️ NB: un délais devrait être définis avant que le bouton de ferméture ne soit affiché de manière a forcer l'utilisateur à regarder tout de même la publicité durant une certaine période de temps définis au préalable."),Object(r.b)("h2",{id:"rendu-de-la-vue"},"Rendu de la vue"),Object(r.b)("p",null,"Comme expliqué plus haut, le rendu final cette interface est la publicité renvoyé par le serveur de publicité"),Object(r.b)("pre",null,Object(r.b)("code",a({parentName:"pre"},{className:"language-javascript"}),' render() {\n return (<View style={styles.parent} >\n <View style={styles.container}>\n <Icon.Button\n name={"close"}\n color={"white"}\n onPress={() => {\n this.popOverLay()\n }}\n style={{ borderRadius: 0 }}\n >Fermer</Icon.Button>\n <WebView\n source={{ uri: \'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html\' }}\n style={{ flex: 1 }}\n />\n </View>\n </View>)\n }\n')))}s&&s===Object(s)&&Object.isExtensible(s)&&!s.hasOwnProperty("__filemeta")&&Object.defineProperty(s,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"screen/ads/IntersticielAdsScreen.mdx"}}),s.isMDXComponent=!0}}]);
//# sourceMappingURL=component---screen-ads-intersticiel-ads-screen-mdx-6c4998f1ca68c0c9b8bd.js.map