Unable to share on Pinterest because url is not valid

  • Hello,

    I’m using the latest version of the plugin (2.3.3) with WordPress 4.8

    Test page: https://fewmilesaway.com/fr/alaska-la-peninsule-de-kenai/
    Problem:
    For some reason, the data-jpibfi-src/src is not an url for all pictures except the one I use as a cover. Because of that, I’m getting an error when trying to pin my photos:

    Pinterest url generated: https://www.pinterest.com/pin/create/bookmarklet/?is_video=false&url=https%3A%2F%2Ffewmilesaway.com%2Ffr%2Falaska-la-peninsule-de-kenai%2F&media=data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7&description=alaska-kenai-peninsule-montagne

    Error: 

    Parameter 'image_url' (value https:data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) is not a valid URL format.

    As expected if I have the &media= value of the url and use a regular https://link_to_image, it works. My question is why the plugin transform some of my src into data:image/gif ?

    Example regular picture, note src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" instead of src=”https://images.fewmilesaway.com/path_to_image”

    <p style="text-align: center;">Si vous avez aimé cet article n&rsquo;hésitez pas à le partager sur <a href="https://fr.pinterest.com/fewmilesaway/">Pinterest</a> :</p>
<p><a href="https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska.png"><img class="aligncenter wp-image-3630 size-full" title="Road Trip en Alaska" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska.png" alt="Partir en croisière à la découverte des Kenai Fjords lors de votre road trip en Alaska" width="735" height="1099" srcset="https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska.png 735w, https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska-201x300.png 201w" sizes="(max-width: 735px) 100vw, 735px" data-unveil="true" data-jpibfi-post-excerpt="" data-jpibfi-post-url="https://fewmilesaway.com/fr/alaska-la-peninsule-de-kenai/" data-jpibfi-post-title="Alaska #1 : La péninsule de Kenai" data-jpibfi-src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" ><noscript><img class="aligncenter wp-image-3630 size-full" title="Road Trip en Alaska" src="https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska.png" alt="Partir en croisière à la découverte des Kenai Fjords lors de votre road trip en Alaska" width="735" height="1099" srcset="https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska.png 735w, https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska-201x300.png 201w" sizes="(max-width: 735px) 100vw, 735px" data-jpibfi-post-excerpt="" data-jpibfi-post-url="https://fewmilesaway.com/fr/alaska-la-peninsule-de-kenai/" data-jpibfi-post-title="Alaska #1 : La péninsule de Kenai" data-jpibfi-src="https://images.fewmilesaway.com/wp-content/uploads/2016/09/Road-trip-en-Alaska.png" ></noscript></a></p>

    Good image: Note src/data-jpibfi-src point to the correct URL and not a data:image

    <input class="jpibfi" type="hidden"><img width="675" height="450" src="https://images.fewmilesaway.com/wp-content/uploads/2016/09/IMG_28142.jpg" class="attachment-writsy-monitor size-writsy-monitor lazyload wp-post-image" alt="" data-srcset="https://images.fewmilesaway.com/wp-content/uploads/2016/09/IMG_28142.jpg 940w, https://images.fewmilesaway.com/wp-content/uploads/2016/09/IMG_28142-300x200.jpg 300w, https://images.fewmilesaway.com/wp-content/uploads/2016/09/IMG_28142-440x294.jpg 440w" data-src="https://images.fewmilesaway.com/wp-content/uploads/2016/09/IMG_28142.jpg" data-sizes="auto" data-jpibfi-post-excerpt="" data-jpibfi-post-url="https://fewmilesaway.com/fr/alaska-la-peninsule-de-kenai/" data-jpibfi-post-title="Alaska #1 : La péninsule de Kenai" data-jpibfi-src="https://images.fewmilesaway.com/wp-content/uploads/2016/09/IMG_28142.jpg" > </figure>

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter wooop

    (@wooop)

    FYI I rollback to plugin version 2.1 and this problem is gone.

    • This reply was modified 7 years, 7 months ago by wooop.
    Plugin Author mrsztuczkens

    (@mrsztuczkens)

    Hi @wooop,

    the plugin doesn’t transform your images to data:image/gif. It’s the lazy-loading plugin you’re using that does that. The plugin simply uses whatever is available. So the issue is caused by the lazy-loading plugin you’re using. You might be able to fix this by going to Advanced tab and changing the priority for the_content filter to 1. If that doesn’t help, try changing it to 20.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Unable to share on Pinterest because url is not valid’ is closed to new replies.