Custom share button with Google Plus API - javascript

I'm trying to create a custom designed share icon for Google Plus that sits in an app that will be inside an iframe. The share should allow for text and an image.
I cannot use meta tags as these would sit in the iFrames parent, of which already has it's own tags for it's own sharing utils.
Can this be done, and if so how?
Thanks in advance!
PS. Google plus documentation is so over complicated and sucks!

I didn't fully understand your setup but I guess this will work for you:
<a href="https://plus.google.com/share?url=YOUR_URL" onclick="window.open(this.href, 'Google+', 'width=490,height=530'); return false;">
<img src="IMAGE_PATH" alt="Google+" title="Google+"/>
</a>
It'll open a share window that you can enter your comment, and select the people that you want to share.

Related

Using google map inside iframe on my website

I would like to use google maps in my website via iframe, but how can i use this link https://www.google.fr/maps/#... in my iframe. My goal is to access and use all functions of google maps directly on my website. I mean, have access to menu and others options like in my screenshot ->
Interesting question that made me search to find out whether that feature you requested is part of the API. It's not, but they do have a workaround which utilizes Javascript and allows you to embed a search box with the autocomplete functionality. Personally I think that's even better because you can completely control the appearance of that search form.
Here's the link to the example code: https://developers.google.com/maps/documentation/javascript/examples/places-searchbox
Edit: Just saw your comment. I guess this answer only addresses one issue then.
You can also put it in an popup. Look at this code:
<img src="images/pin-google.png" height="15" alt="googlemaps" title="View our address in Google Maps" />
The iframecode:
<iframe src="http//maps.google.com/maps?q=+London, +Downingstreet 10, +England" height="610" width="600"></iframe>

Want a Condition for This Script

Any Javascript expert could help me here.
i am a template developer and i use this script to show my footer link in every free template created by me. and when someone trying to remove footer link their site redirected to my site example.com...
But What
some users download my template and hide my footer link with this CSS property: visibility:hidden
script is here that i use in template bottom,
abc
And some users add visibility:hidden to footer link in template like this. check in here.
<a id="credit" href="http://www.example.com"><a target="_blank" href="http://www.example.com/">abc</a></a>
So, my point is here, that what should add in first script, so that if someone add visibility:hidden and then it should redirected to my official site example.com
if ($('#myContent').css('visibility') === 'hidden')
window.location('http://wherever');
This?
Edit: Of course, #t.niese is right and this is really an exercise in futility.
What if you detect style change event on your element?
MutationObservers - Is this useful for you?
MutationEvents - also please take look at this
You could also try to obfuscate your code and maybe use javascript singleton function pattern.

Sitemap generator for popup window javascript

On my HTML index page, I am using a popup javascript code that has something like
<li> <font color ="#000"> » </font> <font color ="#ccc">
Some text</font><b>, XYX, Country</b></li>
<li><font color ="#000"> » </font><a href ="secondpage.php" alt="Blog" />
I used a free xml-sitemap generator and strangely, the second li which is a regular a href URL and shows up in the sitemap as a linked page. However, the first one which calls the page using a javascript function does not show up.
This got me thinking,
Would this impact SEO results, would search engines also skip JS code and hence not crawl the linked pages which open in a popup?
Or is this an issue with the sitemap generator that does not understand JS and I have to manually create it?
Totally new to this. Was hoping to get some advise .
thanks!
Ryan
answer will vary based of crawlers, but you should keep your markup readable and less dynamic in areas you want crawler to read or you can follow the guidelines provided. For specific answer to your question:
Since 2009 Google looks for and finds OnClick links in any and all HTML tags. When found they will add the URL to their crawl.
If there is sensible "anchor" text then the text of the element will be used as anchor text.
The OnClick link also passes PageRank.
For more info:
http://www.searchenginepeople.com/blog/onclick.html
http://seogadget.com/google-does-not-crawl-hidden-java-onclick/

<a href> does not make phone numbers clickable in web page

I want that the phone number in my web page should be click able. I have application which has two web pages both containing numbers. In both of them I have used <a> tag for numbers to make them call able. It works fine in one of my web page, but is not working in the other page. I am not able to find the root cause for it.
I am considering that use of different elements on the two web pages must be causing this issue. Please any kind of help is most welcome.
I have tried every solution that has been listed here for such a question. But I'm not able to still find the root cause or find a solution for my problem.
try this
Call
You need to use either “tel:” or “tel://”
for example:
<!-- Embedded within normal page text -->
<p>If you'd like to talk, Call Me!</p>
<!-- Linking a custom image -->
<img src="phone.png" alt="Call Now!" />
<!-- Cross-platform compatible (Android + iPhone) -->
+1 (555) 555-5555
Refer this for more info:
http://mobile.tutsplus.com/tutorials/mobile-web-apps/phone-number-links/
Hope this helps!

Create a link sharable everywhere

I want to share a specific content of my site by way of a link, and I would that when I share it on Facebook, Twitter, Google+, etc., a certain image, title and description will be shown.
It's so easy when I share my site URL because it's sufficient to modify the related meta tags, but it is not so trivial do it with a specific content you want share with dedicated image, title, description.
I thought, since these information shall be specified in meta tags why not to enclose my content into an iframe which contains a simple html page with all necessary meta tags?
This way when I try to share my link on a social network the content summary will be filled with my meta tags infos.
Have you a smarter solution?
Well, I believe that every social media have different ways to get this information, and some do not even need them (like twitter does not need a picture to a tweet).
And they are always changing how they do it, facebook is an example url parties is being deprecated and they are forcing us to use their api to share / like / whatever.
What you can do is to work with these differences on their own, or get js social plugins to handle it for you.
edit: here are some plugins http://community.paper.li/2012/10/15/top-8-social-media-plugins-for-your-blog-or-website/

Categories