Put image picture when doing "GOOGLE SEARCH" as cnn does - html

I am building site.
I want to add ability to show an image beside the site+description when I am doing GOOGLE search, and see my site on organic GOOGLE search results.
i.e - https://www.google.co.il/?gfe_rd=cr&ei=8kzeU_mAFsOH4AaG6ID4AQ&gws_rd=ssl#q=cnn shows the result with a picture beside the site+description.
I tried to make a sample, as advised by webmaster tool, like follwing:
<img itemprop="image" ...>
but the above doesn't work (When I am searching by 'google search' image is not shown).
Thanks :)

Google does that stuff based on social networks, You would want to create a google+/facebook/twitter page for the site and upload a profile image there.
https://support.google.com/websearch/answer/175288?hl=en
Also you will want to confirm your domain ownership with google webmaster tools
http://www.google.com/webmasters/
All of these things increase the chance for your site getting a image next to it. BUT it is still determined by google's algorithms so it can take a while.

Related

Google map and Google Analytics on the same page, google map css, fonts are taking first place in the header

Google Map and Google Analytics on the same page, here I need to display the analytics code as the first one but automatically google map Css taking the first place in the header. how could load the analytics as first one in the header section?
also, google captcha taking the second place, please help me to sort out this problem
FYR I have attached the screenshot :
https://imgur.com/a/ZgXPBiz
You don't need to bother too much about that. Google Analytics is loaded on the pages asynchronously, meaning that you can't determine the location in the HTML code served to the visitor.
Also, GA loading a couple of lines below the opening is more than good enough and doesn't pose a threat or a big difference in the performance of the tracking because of it.

How to create a secondary slide-out in Google Doc add on side bar in Google Apps Script

I have a Google Doc add-on that utilizes the sidebar: no problem there. When one uses the Google research add-on, there is an secondary slide out from the sidebar that shows a preview of a search result (see picture below) when clicked. I am hoping to replicate this behaviour, but I see nothing about it in the api regarding size and limits. I tried having a tooltip pop up on my links in the sidebar, but they appear cut off or under the main Google Doc palette. I have tried a bunch of other Google Doc add-ons to see if any of them replicate this functionality, but they don't. Before I spend hours on this, I want to first ask is anyone know if this is specific permission for Google's sidebar only, or can developers replicate this functionality?
The Research Tool is a direct integration with Docs and Presentations, it's not a Google Apps Script add-on. The freedom to "slide out" within the document is not available to add-ons today.
As one alternative, you could use an accordion affect to collapse your "first page" and overlay the result page, still within the bounds of the sidebar.
A second alternative would be to use a non-modal window, where you'd have more freedom. (resizing there requires client-server exchanges, but is doable)

HTML5 Banner using Google Web Designer

I have create a html5 banner using Google Web Designer following pretty much all the guidelines (https://support.google.com/webdesigner/answer/3261498?hl=en&ref_topic=3261495&rd=1).
I published it locally and uploaded to google adwords campaign as an Image add. In my banner there is a simple form for the user to enter basic details and submit it. So i have just one event on submit button. All good so far. After i uploaded the banner to google adwords, when i tested the banner the whole banner is clickable for some reason. Somehow google is appending a click event on the whole banner.
But according to docs (https://support.google.com/adwordspolicy/answer/176108?hl=en)
"HTML5 ads that are not created in Google Web Designer are, by
default, clickable on the entire area of the ad."
I used google web designer for this specific reason still i see the entire area clickable. Any ideas or suggestions or references would be great.
Thanks.
In Code view, add a higher z-index to the submit button so that it sits above the exit element.
I published it locally and uploaded to google adwords campaign as an Image add.
I think you should try to find a way to not upload as an Image Ad.
Google Adwords requires an exit/destination URL when you upload an ad on their platform disregarding what type of ad you upload.
That URL is assigned to your whole ad.
What you need is DoubleClick account. DoubleClick for advertisers will allow you specific button exits/destination URLs.

Google Chrome Extension Top Sites Images

So using the Google Chrome Top Sites api has values for the url and the title, but when you load the default google chrome page it also has an image of those sites, is there any way to get that sort of image for an extension? If not how does google get that image and how can you get an image of the the user's top viewed website?
Since that it isn't possible to get a screenshot of a page without loading it inside a tab, Chrome is simply getting those screenshots while you're browsing your favourite sites. You can tell this easily because sometimes sites and images do not coincide (e.g. sometimes my facebook.com top site has the image of my profile page, but links to the home).
Then, if you want your screenshots of the Top Sites, you'll have to start without screenshots, and create them while the user browses the web by using the chrome.tabs API to check when a tab loads one of the Top Sites (listening to the event onUpdated), and get a screenshot of that tab using captureVisibleTab.
NOTES: make sure that you've requested the permission for "<all_urls>" in your manifest, which is required for captureVisibleTab to work. Additionally, you may find this question and its answer helpful.
It's unfortunately not possible*. Chrome stores those thumbnails internally in URIs not accessible from an extension.
There is an existing feature request: https://code.google.com/p/chromium/issues/detail?id=11854
If you look at the comments, one of the main use cases is to access site thumbnails to replicate the New Tab page.
Do star the feature request above to raise its priority if you want this functionality implemented.
* By that I mean that it's not possilbe to access Chrome's own internal store of thumbnails.
Furthermore, as Marco suggested the way to replicate that would be tab capture, but you can't do it "in the background" for privacy reasons - a user must make an explicit gesture (e.g. click the extension's button, press a shortcut, etc.) to perform capture.
Marco's answer is valid now, captureVisibleTab should be accessible upon events. But yes, as of now Chrome forces you to have very broad permissions and maintaining your own thumbnail store.

How to acomplish the Google Phone stay on top effect html?

Google phone opens up a small widget on the right of Gmail and stays there. Even when navigating to other emails or composing at email (similar effect is achieved I believe by Facebook chat).
Are they using frames? I hope not.
I need to keep some images open while the user navigates other parts of the application so using the approach of google to place my image holders would be ideal.
I'm not familiar with google phone, but maybe an iframe is what you are after:
http://www.w3schools.com/tags/tag_iframe.asp
It's an inline reference to another document.