Instagram Widget SociableKIT

  • Resolved Joh123

    (@rawebdv)


    2 years, 10 months ago

    Good evening,

    I embedded our instagram stroys thru sociablekit.com on our website. 

    <div class="sk-ww-instagram-story-highlights" data-embed-id="168816"></div>
<script src='https://widgets.sociablekit.com/instagram-story-highlights/widget.js' async defer></script>

    Inside complianz I added a custom entry in the script center. The Instagram story is blocked until I consent, but then I wont load. I hoped that this mu plugin would fix the problem: https://complianz.io/reload-after-consent/ but it does not. Any advice what I did wrong?

    View post on imgur.com
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Jarno Vos

    (@jarnovos)

    2 years, 10 months ago

    Hi @rawebdv,

    I think the SociableKit script doesn’t behave correctly after we add a placeholder to its’ container. If you change the HTML slightly, and copy the Integration set-up below; it should work.

    Change the SociableKit Embed HTML to the below. This wraps sk-ww-instagram-story-highlights in another <div> with the class story-container.

    <div class='story-container'><div class="sk-ww-instagram-story-highlights" data-embed-id="168816"></div></div><script src='https://widgets.sociablekit.com/instagram-story-highlights/widget.js' async defer></script>

    Now we can block the script, and add a placeholder to our newly added story-container <div> instead. Use this set-up for the Integration in the Script Center:

    And you should then have a result like on this example page.

    Kind regards, Jarno

    Thread Starter Joh123

    (@rawebdv)

    2 years, 10 months ago

    I had to adjust the height of the div, but besides that, your solution worked perfectly. Thanks a lot!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Instagram Widget SociableKIT’ is closed to new replies.