{"_id":"58de5e98606d971b00bce259","user":"5770dd042659e20e00c90a98","__v":0,"category":{"_id":"57b486ae0d2b640e00e9d3f5","__v":0,"project":"574ff4bd3fa1870e00889ba6","version":"574ff4bd3fa1870e00889ba9","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-08-17T15:45:50.062Z","from_sync":false,"order":7,"slug":"native-ads-mediation-layer","title":"Android SDK"},"version":{"_id":"574ff4bd3fa1870e00889ba9","project":"574ff4bd3fa1870e00889ba6","__v":20,"createdAt":"2016-06-02T08:56:29.492Z","releaseDate":"2016-06-02T08:56:29.492Z","categories":["574ff4bd3fa1870e00889baa","577278ecdceb570e003a9001","577279865617b117009e643f","577279985617b117009e6440","577279bc8c48e00e00503504","5774fe18605b770e0037be8a","577ce3ad87acf617003c4187","577f8476a77c700e006a6c52","57b486ae0d2b640e00e9d3f5","57b722133d3e620e004ec74b","57bd95f00fe3a00e003e2cc5","57c8349359cd4b0e00b888ef","57c8349b5754fa1700b12242","57cedb0bad483e0e00890239","57cedbe807d7ea0e00e438cc","57d82967156ef72b007ffcd8","58ee353ad1ee2f0f0034a13d","596623221738df00298622a5","59a51730192dba000fc9ca38","59a8129f1e7b26000fa0fb1a"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"3.0.0","version":"3.0"},"parentDoc":null,"project":"574ff4bd3fa1870e00889ba6","updates":[],"next":{"pages":[],"description":""},"createdAt":"2017-03-31T13:50:16.948Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":15,"body":"Welcome to PubNative's guite to accessing ads served by AdMob Express on your application.  Below, we will guide you through setting up ad placements on the AdMob Express dashboard and connecting AdMob Express' reporting API to PubNative's unified reporting solution.\n[block:api-header]\n{\n  \"title\": \"Before Getting Started\"\n}\n[/block]\n##Integrate PubNative's Mediation SDK\nBefore we can proceed with the AdMob Express-specific steps, you need to integrate PubNative's SDK for one or more of the following ad types:\n* [Small Ad Layout](http://developers.pubnative.net/v3.0/docs/standard-ad-layouts)\n* [Medium Ad Layout](http://developers.pubnative.net/v3.0/docs/medium-ad-layouts-1)\n* [Large Ad Layout](http://developers.pubnative.net/v3.0/docs/large-ad-layouts)\n\n##Integrate the Google Mobile Ads SDK\nYou also need to integrate the Google Mobile Ads SDK\n* [Google Mobile Ads SDK for Android](https://firebase.google.com/docs/admob/android/native-express) \n[block:api-header]\n{\n  \"title\": \"Setting Up Placements via AdMob Express\"\n}\n[/block]\n##Step 1\nLogin to https://apps.admob.com/#home with your gmail account\n\n##Step 2\nInsert the name of your app in the input area-- your application should show up if it is available on the play store or on the iTunes app store. \n\nIf you can not find your app using this method, you can also add your app manually in the \"add your app manually\" tab to the left.  \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2c3eb39-1.PNG\",\n        \"1.PNG\",\n        1100,\n        811,\n        \"#7c4a7a\"\n      ]\n    }\n  ]\n}\n[/block]\n##Step 3\nNow, select the ad format for which you are making a placement.  \n\nThe following steps are quite clear for Banner, Interstitial, and Rewarded Video, so we will provide instructions for Native.  \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/dc9e628-2.PNG\",\n        \"2.PNG\",\n        730,\n        804,\n        \"#eeefee\"\n      ]\n    }\n  ]\n}\n[/block]\n##Step 4 **Native**\n\n**During this step it is important to do as follows:** \nIf you want a PubNative small ad select a small.  For both medium and large PubNative-supported ad formats, select large.  This is because AdMob's \"Large ad\" can be scaled to both PubNative's medium and large sized ad layouts.  \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c8d30bf-4.PNG\",\n        \"4.PNG\",\n        937,\n        728,\n        \"#914774\"\n      ]\n    }\n  ]\n}\n[/block]\n##Step 5 **Native**\nAt this point, you can select a template and then do more customization, such as specifiying the colors for the contents of the ad, defining the ad language, and previewing the appearance of your add with all the elements added together.  \n\nHere, it is a good idea to preview your customized ad with the default ad sizes outlined below.  \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/967d47c-6.PNG\",\n        \"6.PNG\",\n        941,\n        901,\n        \"#e4e4e4\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Ad Layout Size\",\n    \"h-1\": \"Dimension to be Assigned for Native\",\n    \"0-0\": \"s\",\n    \"1-0\": \"m\",\n    \"2-0\": \"l\",\n    \"0-1\": \"320x80\",\n    \"1-1\": \"300x250\",\n    \"2-1\": \"Full Screen (matches device screen)\"\n  },\n  \"cols\": 2,\n  \"rows\": 3\n}\n[/block]\n##Step 6\nNow you are almost done!  Now make a record of your app id and ad unit id.  You will have to add these into the PubNative dashboard later.  \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7379881-7.PNG\",\n        \"7.PNG\",\n        654,\n        885,\n        \"#477aab\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"title\": \"AdMob Express' Reporting API\"\n}\n[/block]\nOnce integrated, you will need to add AdMob's network to PubNative's dashboard configuration and provide us access to their reports via oauth verification. This process consists of several steps due to Google policy, thus we've provided a detailed video guide below. \n[block:embed]\n{\n  \"html\": \"<iframe class=\\\"embedly-embed\\\" src=\\\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FsOY6Oj40_18%3Ffeature%3Doembed&url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DsOY6Oj40_18&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FsOY6Oj40_18%2Fhqdefault.jpg&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=youtube\\\" width=\\\"854\\\" height=\\\"480\\\" scrolling=\\\"no\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>\",\n  \"url\": \"https://www.youtube.com/watch?v=sOY6Oj40_18&feature=youtu.be\",\n  \"title\": \"AdMob Outh Token\",\n  \"favicon\": \"https://s.ytimg.com/yts/img/favicon-vflz7uhzw.ico\",\n  \"image\": \"https://i.ytimg.com/vi/sOY6Oj40_18/hqdefault.jpg\"\n}\n[/block]\nThe following information is necessary to add AdMob ad unts to our mediation solution: \n\nAUTHORIZED JAVASCRIPT ORIGIN: https://dashboard.pubnative.net\nAUTHORIZED REDIRECT URI: https://dashboard.pubnative.net/api/v1/refresh_tokens/callback\nAD UNIT ID: ca-app-pub-9176690371168943/9471837715 (EXAMPLE)\nCLIENT KEY: <From google API console, after creation>\nCLIENT SECRET: <From google API console, after creation>\n\nPlease let us know if you have any questions or need any support.","excerpt":"","slug":"admob-express-setup-guide","type":"basic","title":"AdMob Express Setup Guide"}

AdMob Express Setup Guide


Welcome to PubNative's guite to accessing ads served by AdMob Express on your application. Below, we will guide you through setting up ad placements on the AdMob Express dashboard and connecting AdMob Express' reporting API to PubNative's unified reporting solution. [block:api-header] { "title": "Before Getting Started" } [/block] ##Integrate PubNative's Mediation SDK Before we can proceed with the AdMob Express-specific steps, you need to integrate PubNative's SDK for one or more of the following ad types: * [Small Ad Layout](http://developers.pubnative.net/v3.0/docs/standard-ad-layouts) * [Medium Ad Layout](http://developers.pubnative.net/v3.0/docs/medium-ad-layouts-1) * [Large Ad Layout](http://developers.pubnative.net/v3.0/docs/large-ad-layouts) ##Integrate the Google Mobile Ads SDK You also need to integrate the Google Mobile Ads SDK * [Google Mobile Ads SDK for Android](https://firebase.google.com/docs/admob/android/native-express) [block:api-header] { "title": "Setting Up Placements via AdMob Express" } [/block] ##Step 1 Login to https://apps.admob.com/#home with your gmail account ##Step 2 Insert the name of your app in the input area-- your application should show up if it is available on the play store or on the iTunes app store. If you can not find your app using this method, you can also add your app manually in the "add your app manually" tab to the left. [block:image] { "images": [ { "image": [ "https://files.readme.io/2c3eb39-1.PNG", "1.PNG", 1100, 811, "#7c4a7a" ] } ] } [/block] ##Step 3 Now, select the ad format for which you are making a placement. The following steps are quite clear for Banner, Interstitial, and Rewarded Video, so we will provide instructions for Native. [block:image] { "images": [ { "image": [ "https://files.readme.io/dc9e628-2.PNG", "2.PNG", 730, 804, "#eeefee" ] } ] } [/block] ##Step 4 **Native** **During this step it is important to do as follows:** If you want a PubNative small ad select a small. For both medium and large PubNative-supported ad formats, select large. This is because AdMob's "Large ad" can be scaled to both PubNative's medium and large sized ad layouts. [block:image] { "images": [ { "image": [ "https://files.readme.io/c8d30bf-4.PNG", "4.PNG", 937, 728, "#914774" ] } ] } [/block] ##Step 5 **Native** At this point, you can select a template and then do more customization, such as specifiying the colors for the contents of the ad, defining the ad language, and previewing the appearance of your add with all the elements added together. Here, it is a good idea to preview your customized ad with the default ad sizes outlined below. [block:image] { "images": [ { "image": [ "https://files.readme.io/967d47c-6.PNG", "6.PNG", 941, 901, "#e4e4e4" ] } ] } [/block] [block:parameters] { "data": { "h-0": "Ad Layout Size", "h-1": "Dimension to be Assigned for Native", "0-0": "s", "1-0": "m", "2-0": "l", "0-1": "320x80", "1-1": "300x250", "2-1": "Full Screen (matches device screen)" }, "cols": 2, "rows": 3 } [/block] ##Step 6 Now you are almost done! Now make a record of your app id and ad unit id. You will have to add these into the PubNative dashboard later. [block:image] { "images": [ { "image": [ "https://files.readme.io/7379881-7.PNG", "7.PNG", 654, 885, "#477aab" ] } ] } [/block] [block:api-header] { "title": "AdMob Express' Reporting API" } [/block] Once integrated, you will need to add AdMob's network to PubNative's dashboard configuration and provide us access to their reports via oauth verification. This process consists of several steps due to Google policy, thus we've provided a detailed video guide below. [block:embed] { "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FsOY6Oj40_18%3Ffeature%3Doembed&url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DsOY6Oj40_18&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FsOY6Oj40_18%2Fhqdefault.jpg&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=youtube\" width=\"854\" height=\"480\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>", "url": "https://www.youtube.com/watch?v=sOY6Oj40_18&feature=youtu.be", "title": "AdMob Outh Token", "favicon": "https://s.ytimg.com/yts/img/favicon-vflz7uhzw.ico", "image": "https://i.ytimg.com/vi/sOY6Oj40_18/hqdefault.jpg" } [/block] The following information is necessary to add AdMob ad unts to our mediation solution: AUTHORIZED JAVASCRIPT ORIGIN: https://dashboard.pubnative.net AUTHORIZED REDIRECT URI: https://dashboard.pubnative.net/api/v1/refresh_tokens/callback AD UNIT ID: ca-app-pub-9176690371168943/9471837715 (EXAMPLE) CLIENT KEY: <From google API console, after creation> CLIENT SECRET: <From google API console, after creation> Please let us know if you have any questions or need any support.