Foliovision

Main navigation

ExoClick ads not working properly (18+ site)

[Solved]

Foliovision › Forums › FV Player › Troubleshooting › ExoClick ads not working properly (18+ site)

  • Johnny V. 6 years, 11 months ago

    Hello, I recently bought the Pro license, and already mailed about this problem to info@foliovision.com but since I haven’t gotten a reply yet I thought i’d try here.

    Basically the problem is that the ad doesn’t look right and it might be related to not being able to fill out all the fields. The only fields I am able to fill out are the zone ID and exoclick login fields, category and site id don’t seem to appear anywhere (anymore). I don’t know if this is related to my problem but the ads currently appear like this (18+ warning):

    https://i.imgur.com/jD9mRX4.png

    Any ideas?

    Also if possible could this be a private conversation? Thanks.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Martin 7 years ago

    Hello Johnny,

    we will keep this thread private.

    Could you please post a link to the page where we can see the issue? Please also include the exact script tag which ExoClick wants you to use.

    As you can see these ads work fine on our website: https://foliovision.com/player/demos/exoclick-ad

    Thanks,
    Martin

    Johnny V. 7 years ago

    Hello, thank you for your reply.

    I currently have the ad running on …

    What I did was create an in-video ad on ExoClick and copied over the ad ID and my ExoClick username into the FV Player fields, the other 2 fields I can’t fill in because I can’t find the category/website ID anywhere.

    This is the script ExoClick generates for me:

    <script type="text/javascript">
    var exoOpts = {
        // postroll: {},
        // pause: { padding: 1 },
        // offsetY: +40,
        idzone_300x250: ...,
        preroll: {},
        show_thumb: 1
    };
</script>
<script type="text/javascript" src="https://ads.exosrv.com/invideo.js"></script>

    Thank you.

    Martin 7 years ago

    Hello Johnny,

    it appears that your theme is forcing some strong styling to any iframe elements in the div element with class “player-content”.

    #player-embed iframe {
    max-height: 100%;
}

...

.player-content-inner > *:first-child, .player-content-inner #player-embed, .player-content-inner #player-embed > *:first-child, .player-content-inner .flowplayer, .player-content-inner .video-js, .player-content-inner .wp-video, .player-content-inner .jwplayer, .player-content-inner video, .player-content-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

...

.player-content .player-content-inner {
    padding-top: 56.25%;
    width: 100%;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    Your video seems to be posted into some special field which puts it above the post title. Please try to move it to the body of the post to see if that helps.

    You can also check if the issue persists if you switch to a default WP theme such as Twenty Seventeen.

    Thanks,
    Martin

    Johnny V. 7 years ago

    Hello, thank you for the response.

    I honestly have no idea what to do with that. I did notice the title and the rest not seeming to be in place, and when I contacted the theme author he said I would have to look for a freelancer to change that, since apparently that’s just how the theme looks. I wasn’t aware it was messing with the video player as well though.

    I also tried to get it to work with one of the 3 default themes, but in none of them I actually have a player show up.

    I could provide an account so you can poke around for a couple of minutes, cause I honestly have no idea what to do here.

    Martin 7 years ago

    Hello Johnny,

    what we posted should help solve the issue if you know a bit of CSS. We are also happy to solve the issue directly on your website if you order our Pro support: http://foliovision.com/pro-support

    Thanks,
    Martin

    Johnny V. 7 years ago

    Hi,

    I’m not very good with css but I’ve been trying for a few hours to fix it and changing anything of the above didn’t really do anything, apart from setting max-height: to 0% in

    #player-embed iframe {
    max-height: 100%;
    }

    which removed the entire grey block and made the transparant exoclick window underneath visible.

    The problem however is that the ad which is suppose to be inside the exoclick window is baked into the grey area which I removed by changing the height to 0% which then also removed the ad part.

    Any ideas?

    chrome_2018-06-12_09-12-56
    chrome_2018-06-12_09-12-56
    Martin 7 years ago

    Hello Johnny,

    what you can try to do is to locate these CSS declarations which I posted in your theme CSS and just try to comment them out, it should work that way.

    The underlying principle is that if your theme is using !important declarations it’s really hard for us to create a defensive CSS which will make sure our player appears always the same. And in this case it’s not really our player, it’s the iframe which is created by the ExoClick ad script.

    Thanks,
    Martin

    Johnny V. 7 years ago

    Thanks, that seems to have worked and I even learned a little css along the way, which made me change the background color of the control bar and fullscreen button to transparent.

    Two more things if you don’t mind:

    I noticed while changing the background colors that the background color for the control bar is marked as important in the ini located in wp-content/fv-flowplayer-custom


    .flowplayer .fp-controls, .flowplayer .fv-ab-loop, .fv-player-buttons a:active, .fv-player-buttons a { color: #ffffff !important; background-color: #ffffff !important; }

    This causes the code listed here to not work. I removed the !important from the css for now but whenever I update a setting in fvplayer the css seems to reset bringing the !important back. Is there anything I can do about that?

    Secondly, the ad works now but it appears as Pre-Roll and On Pause even though I only have it set as Pre-Roll in ExoClick. Is there a setting somewhere in FV that I’m missing?

    Again, thanks so much for the help!

    viktor 7 years ago

    Hello Johnny,

    you cannot edit what’s in wp-content/fv-flowplayer-custom as this CSS is generated from the player. You correctly mentioned, that it is generated each time you save your player settings.

    So that means, you’d have to put your changes to a different location and target your elements better even without using the !important rule.

    thanks
    Viktor

    Martin 7 years ago

    Hello Johnny,

    what Viktor forgot to mention is that we will make sure our CSS skin settings are not using !important. It’s a legacy from the older plugin versions and it’s about time to fix it.

    Thanks,
    Martin

    Martin 7 years ago

    Hello Johnny,

    regarding the ad appearing on video pause – we could add a setting to enable or disable the ad display on pre-roll, pause and post-roll.

    Thanks,
    Martin

    Johnny V. 7 years ago

    Hello, thank you, I’ll be waiting patiently for that then,

    Thanks again for all the help.

    Johnny V. 7 years ago

    The thread also appears to not be private anymore.

    Martin 7 years ago

    Hello Johnny,

    we published the thread as it contains valuable information in case somebody has similar issue. We removed links to your website already.

    Thanks,
    Martin

Viewing 14 replies - 1 through 14 (of 14 total)
Reply To: ExoClick ads not working properly (18+ site)



All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com