Community Forums › Forums › Archived Forums › Design Tips and Tricks › Amazon "Mobile Popover" on Genesis / Magazine Pro
Tagged: amazon, genesis, Magazine Pro, Mobile Popover
- This topic has 10 replies, 2 voices, and was last updated 3 years, 6 months ago by
beggers.
-
AuthorPosts
-
May 10, 2020 at 2:16 am #498589
beggers
ParticipantI frequently link to Amazon products in my content. But I recently learned about their "Mobile Popover" code that displays a small ad for about 10 seconds at the bottom of your mobile feed. This only works when you have at least on Amazon link on a post.
The instructions are to put it right before the "/body" code. However, this isn't straightword with Genesis. I tried using Genesis Simple Hooks and also Header/Footer Scripts in the Customize area but neither one works (at least not on my Google Pixel).
I must be overlooking something. Has anyone successfully integrated the Mobile Popover code? Thanks!
Bryan
https://moviedebuts.com/14873/norman-lear-judd-apatow-lewis-black-sebastian-maniscalco-more-join-george-carlin-tribute-event-in-support-of-national-comedy-center-may-12.htmlMay 10, 2020 at 9:19 am #498590Anita
KeymasterIt's working just fine for me. I added it to the Header Box in Genesis Settings. I added a link to some content and when I scroll down past that link, the Amazon pops up at the bottom. Where in your content do you have a "word(s)" linked to actual Amazon products?
Love coffee, chocolate and my Bella!
May 10, 2020 at 2:35 pm #498602beggers
ParticipantI just tried moving the code into the Genesis Header script box and it still doesn't work.
This link has several Amazon links:
If you don't get a popover when you view that link then there must be something else wrong. Thanks for checking.
May 11, 2020 at 1:40 am #498615beggers
ParticipantAnita,
You know what I was wondering? When I access my site with a smartphone, is the site really giving me a mobile feed or is the phone just reformatting the data to fit the phone? I don't see anything on the Genesis or the theme that specifically says "mobile feed". I wonder if the really the Amazon code isn't working is because I'm not supplying a real mobile feed?
Bryan
May 11, 2020 at 6:57 pm #498630Anita
Keymaster@beggers can you point me to a link in the content where you have a product? You have to link words in the body of the content for the popover to work. And it will only pop over once you have scrolled past that link.
Love coffee, chocolate and my Bella!
May 11, 2020 at 8:29 pm #498632beggers
ParticipantYes, this link has Amazon links and never produces a popover:
Bryan
May 11, 2020 at 8:35 pm #498633Anita
KeymasterI see them in there. You have to scroll into the content but don't scroll really fast. I think because you have a lot of links, it may take a few seconds for it to create the pop over.
Love coffee, chocolate and my Bella!
May 11, 2020 at 8:39 pm #498634Anita
KeymasterIt's pulling the one for Judd Apatow and it puts a gold star next to the words Judd Apatow. Maybe it will only pick one.
Love coffee, chocolate and my Bella!
May 11, 2020 at 10:44 pm #498636beggers
ParticipantI never see any popover on my site regardless of how fast or slow I scroll or if a site has 1 amazon link or 6. Nothing like you describe. This makes me think that my phone might be blocking it. Maybe it's a Chrome issue?
Update! I tried it on Firefox and it works! So something about Chrome is blocking the popover. Thanks so much for your help!
Bryan
May 12, 2020 at 3:48 am #498646Anita
KeymasterJust so you know, it doesn't pop over. It slides up from the bottom. Go to that page where Aptow is linked. Scroll slightly passed but leave the name in the window. You have to do it slowly as though you are reading the article. It will slide up from the bottom. Once Aptow goes out the viewing area, the ad slides back down but leaves a little arrow at the bottom.
Love coffee, chocolate and my Bella!
May 12, 2020 at 7:56 pm #498661beggers
ParticipantYes, now that I've switched mobile browsers I can see it working. However, I'm still faced with two major issues that are beyond the support this forum but I want to mention them in case anyone else thinks about implementing this code:
1. If the default settings of the popular Chrome mobile browser are blocking this Amazon Popover code, then the code probably isn't worth installing. Why start out knowing that most people won't even see it?
2. Although using a different browser like Firefox or Safari allows popovers to work, I tested about 30 articles containing Amazon links and only 3 of them displayed a popover. I think this means that the settings of the Amazon link have to meet a certain criteria or it won't create a popover. I'm going to study the few links that work and see if I can figure out a pattern.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.