mirror of
https://github.com/romancm/gamebrary
synced 2024-11-24 04:03:06 +00:00
Added amazon affiliate links for top PS4 games
This commit is contained in:
parent
f9a44f1a8a
commit
0a5d7043d8
4 changed files with 58 additions and 0 deletions
55
src/components/GameDetail/AffiliateLink.vue
Normal file
55
src/components/GameDetail/AffiliateLink.vue
Normal file
|
@ -0,0 +1,55 @@
|
|||
<template lang="html">
|
||||
<a
|
||||
:href="affiliateLinks[game.id]"
|
||||
target="_blank"
|
||||
class="amzn-link"
|
||||
v-if="affiliateLinks[game.id]"
|
||||
>
|
||||
<img src='/static/img/amazon-logo-clear.png' height="60">
|
||||
<p>
|
||||
Buy {{ game.name }} at Amazon using this affiliate link to support the ongoing development of <strong>Gamebrary</strong>.</p>
|
||||
</a>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState, mapGetters } from 'vuex';
|
||||
|
||||
export default {
|
||||
computed: {
|
||||
...mapState(['game']),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
affiliateLinks: {
|
||||
25076: 'https://www.amazon.com/gp/product/B01M5DZ525/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B01M5DZ525&linkCode=as2&tag=gamebrary-20&linkId=eebf6bebe3b3c40e9037df82a9c739b2',
|
||||
1020: 'https://www.amazon.com/gp/product/B00KVSQ848/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B00KVSQ848&linkId=5531dceef24e8525579dd7d595fe6b34',
|
||||
19565: 'https://www.amazon.com/gp/product/B01GW8YDLK/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B01GW8YDLK&linkId=1c1d07437257541efddde63a1feae6ea',
|
||||
96209: 'https://www.amazon.com/gp/product/B07DL2SY2B/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B07DL2SY2B&linkId=0dabbea30bba72441ffa9de34045ed4a',
|
||||
19560: 'https://www.amazon.com/gp/product/B01GW8XOY2/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B01GW8XOY2&linkId=d17ddb750a05bc64874e0005993fe32e',
|
||||
6036: 'https://www.amazon.com/gp/product/B00JK00S0S/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B00JK00S0S&linkId=1bda795fa94cee2377f1949695b5a603',
|
||||
14362: 'https://www.amazon.com/gp/product/B01GW8XTXS/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B01GW8XTXS&linkId=42e700761c62f0451a37f097949c7d76',
|
||||
18150: 'https://www.amazon.com/gp/product/B01BLE1CA0/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B01BLE1CA0&linkId=982ad57b479db2ec2d48ad04395c11bc',
|
||||
54996: 'https://www.amazon.com/gp/product/B07CCBRLJR/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B07CCBRLJR&linkId=de39a38031fbb45199cb91e45f6a80e4',
|
||||
11156: 'https://www.amazon.com/gp/product/B00ZQC73O8/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B00ZQC73O8&linkId=18215811589c314c4fc767c8cc099a32',
|
||||
121: 'https://www.amazon.com/gp/product/B00NXSRP72/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B00NXSRP72&linkId=134fd690c0200cf082a34df37cc93762',
|
||||
14363: 'https://www.amazon.com/gp/product/B01FT72NOO/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=gamebrary-20&creative=9325&linkCode=as2&creativeASIN=B01FT72NOO&linkId=cb8d066db8b56467c7832364fabe9695',
|
||||
},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" rel="stylesheet/scss" scoped>
|
||||
@import "~styles/styles.scss";
|
||||
|
||||
.amzn-link {
|
||||
max-width: 400px;
|
||||
padding: $gp / 2 $gp $gp / 2 0;
|
||||
background: $color-light-gray;
|
||||
border-radius: $border-radius;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: $color-dark-gray;
|
||||
text-decoration: none;
|
||||
}
|
||||
</style>
|
|
@ -10,6 +10,7 @@
|
|||
<div>
|
||||
<h2>{{ game.name }}</h2>
|
||||
<p class="game-description" v-html="game.summary" />
|
||||
<affiliate-link />
|
||||
<game-review-box />
|
||||
</div>
|
||||
|
||||
|
@ -53,6 +54,7 @@ import GameHeader from '@/components/GameDetail/GameHeader';
|
|||
import GameScreenshots from '@/components/GameDetail/GameScreenshots';
|
||||
import GameVideos from '@/components/GameDetail/GameVideos';
|
||||
import GameReviewBox from '@/components/GameDetail/GameReviewBox';
|
||||
import AffiliateLink from '@/components/GameDetail/AffiliateLink';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
|
@ -60,6 +62,7 @@ export default {
|
|||
GameScreenshots,
|
||||
GameVideos,
|
||||
GameReviewBox,
|
||||
AffiliateLink,
|
||||
},
|
||||
|
||||
computed: {
|
||||
|
|
BIN
static/img/amazon-logo-clear.png
Normal file
BIN
static/img/amazon-logo-clear.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
static/img/amazon-logo-dark.png
Normal file
BIN
static/img/amazon-logo-dark.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 17 KiB |
Loading…
Reference in a new issue