I've recently encountered a problem with OpenX. I can no longer choose zones to link to my banners. The zones simply won't show up. But this seems to only occur when I have uploaded a local image.
I have chosen the zones for each campaign properly, but despite that, the zones won't show up under the banners for the most recent advertiser accounts that I have created.
Strangely enough, I tested one recent advertiser account by choosing to create a banner with an external html url. The zones showed up fine. When I removed the external html url and uploaded a local image, the zones disappeared again.
I thought it might be an image permissions problem, but all of the images for all campaigns are in the same folder, and I've compared all images. They all have the same permissions.
Any help would be greatly appreciated.
The image dimensions probably do not fit the dimensions of the zone.
You can set the zone dimensions to "*" if you to push banners of different sizes in one zone.
When you used an HTML/JS banner OpenX has no way of finding the dimensions of that banner so it allows you to assign it to any zone that is linked to the banners campaign.
Related
I'm creating sort of a tutorial application and have to display images from firebase storage with a step-by-step tutorial. Currently I'm using the .getDownloadUrl function and am displaying the images using Cached Network Images(External library) with the URL. The images are replaced when the step is completed and it takes at least 2-3 seconds to load an image and can get quite irritating for a user. Also, to minimize latency I shifted the Cloud Storage location nearby to where a user would be, this improved the speed slightly. Is there a better way to display images, apart from storing the links on Cloud Firestore or saving all the URLs in one list at the start.
The most common approach is to compress/resize (or both) your images. By doing this you have a few options:
1. You can display the thumbnail by default and only load the full image (or load it in the background) when the user requests it (eg. they click on details about the tutorial)
2. Load a different version of the image depending on the screen size (you don't need to display an image meant for desktop on a mobile device)
3. Replace the old image with the compressed one. Depending on what the content is, you probably don't need images larger than 200kb, and that's being generous.
You could also consider storing your images using a next gen format, such as WebP as it is considered one of the most efficient image types. But, it's not yet supported on all devices, so you'd want to include a fallback type.
You said you're caching the images which is a good step to reduce load times. You also said you shifted the storage location to be closer to the users. You could also try to find a CDN that is even closer to your user's locations (probably diminishing returns).
You seem to be against storing the downloadUrls in your database. This would help as all you'd have to do is load the image, instead of ping the bucket for the url and then load it.
Another potential solution for your use case could be to download the images for this tutorial, as well as the next one so when the user clicks next the images are already downloaded.
Unfortunately there isn't a lot else you can do. There's a lot of data packed into an image and it takes some time to load and render it
My company uses LinkedIn Share API to publish messages on LinkedIn profiles sharing content from WordPress posts.
One thing that is driving me crazy right now is that when I share the same URL and content to two different profiles, the preview cards that result from that are different. On one profile I got a full image preview like the following:
But the same content (same API params to share) produce this different preview:
I'm trying everything I can to get a consistent behavior. I'd like to have all previews being full size previews like the one shown in the first screenshot. API documentation doesn't help much here.
Any help or clue would be appreciated.
It's a random behaviour from LinkedIn. From time to time a significant percentage of accounts reached via the post API return a small thumbnail as well as a different content link (if you use redirected links like bit.ly). It happened for a week in February and since last Friday, including a number of Internal Server Errors. It looks like LinkedIn runs different code on different parts of its infrastructure.
So there is nothing you can do programmatically on your end I'm afraid.
I found this img src
http://pixel.wp.com/g.gif?v=ext&j=1%3A4.3.1&blog=127730128&post=2&tz=0&srv=hurbtrade.com&host=mywebsite.com&ref=&rand=0.8617862838961312
the wired thing this is generated form wordpress website
the image for a skull so any one know what is that
Try fetching this image by entering its URL directly in your browser.
I get a tiny gif that is a mere 6 by 5 pixels in size.
The typical use of "pixel images" is for ad/visitor tracking and statistics between different sites. The request parameters that are included in the URL, along with HTTP REFERER inform the pixel provider (in this case wp.com) about the page-view. If the visitor to your site happens to be known to the pixel issuer, then in the request they'll also get a cookie that informs them WHO the visitor is.
This can be used for statistics.
This can be used to track effectiveness of ads (conversion rates after someone clicked on an ad and went to a landing page, for instance).
This can be used to track your interests (do you visit a lot of sites about motor cycles or swimming?), etc.
This way you can have tracking pixels from several issuers on one page.
The issuer wp.com (i.e. WordPress.com) is a hint that the site uses Jetpack and probably its included statistics package.
I am an Amazon author, who has cunningly inserted a 1 pixel x 1 pixel image onto the sales page of his book. My intent is to track how many times that image is viewed, thus learning how many people are visiting said page.
So far, so good, but: how do I count the downloads of the image? I have spent all afternoon Googling this, but have been unable to find a way to do it in Wordpress or Google Analytics.
The image is stored in the "Media Library" of my site, which is hosted on WP Engine. I did investigate hosting the image on Flickr instead, but Flickr doesn't seem to like me hotlinking images. I am open to hosting the image somewhere else that will allow me to see how many times it is viewed.
If anybody can point me in the right direction, I'll be very grateful.
Thanks,
-Charlie.
We've set up a new mini-site with extensive social sharing, including LinkedIn. Lots of OpenGraph tagging, the works. We have chosen specific images to be shown when sharing by using the og:image meta property.
The images work fine on Facebook and Pinterest, but are not working properly on LinkedIn. Here's the OG image tagging:
<meta property="og:image" content="https://img.mshanken.com/d/wso/Articles/2016/ST_TheBreakers070516_1600.jpg">
But if you click the LinkedIn icon we have set up at the bottom of our page, you end up on a share page that looks like this, which does NOT show the image:
Weirder still, if you inspect that share preview, the image IS in the source code:
<div class="image-thumbs-container">
<img src="https://media.licdn.com/media-proxy/ext?w=180&h=110&f=c&hash=q0uvWygJS2HJrhZZ2qZGdYu2Tig%3D&ora=1%2CaFBCTXdkRmpGL2lvQUFBPQ%2CxAVta5g-0R6jnhxUzw8p4aCKqEH-50hKCoaTFXP-RFTovozTPCKqZsXfeLS-xzl5HHRU4kZnLrT9AnPhFZO5KoyAfNpxi4m_ZMc" width="130" alt="Preview of the share image" data-orig-url="https://img.mshanken.com/d/wso/Articles/2016/ST_TheBreakers070516_1600.jpg" data-width="" data-height="" data-size="" data-position="1" class="active">
</div>
What do we need to do to get that image showing up on LinkedIn shares?
I was having the same issue last night. Spent hours researching solutions. Finally I contacted LinkedIn about this issue and they responded right away. Their development team has implemented a new tool called "Post Inspector", which allows you to optimize content sharing. Literally, in just minutes this worked.
All you have to do is type in your URL and they do all the busy work i.e. verifying correct code of properties such as image, author, title, description, publication date etc. Not only do they verify, they also tell you what to include and what is missing.
Here is the website to use Post Inspector:
https://www.linkedin.com/post-inspector/
Couple of things it could be:
The dimensions 1600x900 and size of 220kb are within LinkedIn's requirements. However, your aspect is 16:9 instead of 4:1 / 1:4.
Max file size: 1 MB
Minimum image dimensions: 80 x 150 pixels
Recommended aspect ratio: 4:1 or 1:4
Making Your Website Shareable on LinkedIn
Your image URI is https, it could be they are unable to retrieve your image. Have you tried with an http image?
Note: If the image meets the requirements, but it still does not
appear in updates on LinkedIn, your website may be blocking us from
pulling the image or the image may be located on a protected directory
or website.
Making Your Website Shareable on LinkedIn
Was the image change from the first time LinkedIn crawled your page for the image? They do cache for ~7 days.
The first time that LinkedIn's crawlers visit a webpage when asked to
share content via a URL, the data it finds (Open Graph values or our
own analysis) will be cached for a period of approximately 7 days.
This means that if you subsequently change the article's description,
upload a new image, fix a typo in the title, etc., you will not see
the change represented during any subsequent attempts to share the
page until the cache has expired and the crawler is forced to revisit
the page to retrieve fresh content.
Shared Content Caching
Chiming in from the future - I faced this issue today as our site update wasn't displaying the proper image. In my case the solution was simple: try posting the link like so: https://url.com/?jhskjsh and it forced linked in to fetch the meta tags again which then displayed my image, as opposed to the grey square it previously had.