zramsay/cosmos-explorer
1
0
Fork 0
forked from cerc-io/cosmos-explorer
Code Pull Requests Actions Activity

improve mobile ad

Browse Source
This commit is contained in:
liangping 2024-03-23 12:12:23 +08:00
parent fc20f3e460
commit b74ab21bc8
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ad/AdBanner.vue
View File

@ -25,7 +25,7 @@ onMounted(() => {
</script> </script>
<template> <template>
<div v-show="show" class="grid justify-items-center"> <div v-show="show" class="grid justify-items-center overflow-auto">
<div :id="id" :style="{ width, height }" class="mt-6"></div> <div :id="id" class="mt-6"></div>
</div> </div>
</template> </template>

13
src/components/ad/ad.ts
View File

@ -6,10 +6,10 @@ interface ADConfig {
} }
export const confs: Record<string, ADConfig> = { export const confs: Record<string, ADConfig> = {
// "localhost": { "localhost": {
// apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us. apiKey: 'XXXX_api_key_staging_XXXX', // An actual API key is generated once you register an app with us.
// environment: 'staging', // use value 'production' when going live environment: 'staging', // use value 'production' when going live
// }, },
"ping.pub": { "ping.pub": {
apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b', apiKey: 'persona-pub-0x6ca028de83d9bc438bb3fd7f9620f36b',
environment: 'production', environment: 'production',
@ -24,12 +24,15 @@ export const confs: Record<string, ADConfig> = {
export const UNITS: Record<string, Record<string, string>> = { export const UNITS: Record<string, Record<string, string>> = {
"localhost": { "localhost": {
"banner": "3a094192-4c7b-4761-a50c-bd9b6a67e987", "banner": "3a094192-4c7b-4761-a50c-bd9b6a67e987",
"banner_mobile": "e6b82a11-6a94-46c0-a9d2-cf730159a5e6",
}, },
"ping.pub": { "ping.pub": {
"banner": "6883877a-ccae-4a08-b457-7e30b3465a8c", "banner": "6883877a-ccae-4a08-b457-7e30b3465a8c",
"banner_mobile": "a95c6b55-5e2a-49eb-8993-a488513b2d10",
}, },
"testnet.ping.pub": { "testnet.ping.pub": {
"banner": "1644951b-5022-4544-8a85-11aef8a8f645", "banner": "1644951b-5022-4544-8a85-11aef8a8f645",
"banner_mobile": "81e0527f-475a-42a4-bb9a-ed9967c5d06f",
}, },
} }
@ -44,6 +47,6 @@ export function getClient() {
export function getUnit(ad: string): string | undefined { export function getUnit(ad: string): string | undefined {
const ads = UNITS[location.hostname] const ads = UNITS[location.hostname]
if(ads) { if(ads) {
return ads[ad] return window.innerWidth > 600 ? ads[ad] : ads[`${ad}_mobile`]
} }
} }