Discussion Forums  >  WebViews and HTML for Mobile

Replies: 15    Views: 159

GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
07/29/16 02:45 PM (3 years ago)

Launching Helper App with Custom HTML Plugin

Howdy!

I'm working with somebody on their app, and they're using a Custom HTML plugin with links to Facebook, Instagram, and a website. They'd like when the user taps on those icons, that it launches the associated app (FB, Instagram, etc). Is that possible within the Custom HTML plugin? I know there's an option to provide a way to launch the entire page in a browser, but what about a way to modify something on a per-link basis?

Thanks!

Mark
 
Red Dog
buzztouch Evangelist
Profile
Posts: 805
Reg: Jun 16, 2011
Southern Califo...
18,800
like
07/30/16 07:26 AM (3 years ago)
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
07/30/16 12:06 PM (3 years ago)
Hmmmm...maybe. I'm sure we could probably come up with some Javascript or something to do it. I'll keep researching. Thanks for the feedback!

Mark
 
benedettoapp
Lost but trying
Profile
Posts: 139
Reg: Jun 22, 2013
Italy
6,340
like
07/31/16 01:55 PM (3 years ago)
I just found out that this is called deeplink
a service based option is this:
https://deeplink.me/why

But there should be deeplink generators out there, the problem is that deeplink is also something else, so not easy to find one.

one generator is supposed to be here:
http://urx.com/about/urx_links
but it's not working
 
benedettoapp
Lost but trying
Profile
Posts: 139
Reg: Jun 22, 2013
Italy
6,340
like
07/31/16 02:09 PM (3 years ago)
http://mobiledeeplinking.org/

Twitter
twitter://timeline
Opens the Twitter app and links to the userís timeline

Facebook
fb://profile
Opens the Facebook app and links to the userís profile
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
08/01/16 08:47 AM (3 years ago)
I'll check those out, @benedettoapp...thanks for the info!
 
Red Dog
buzztouch Evangelist
Profile
Posts: 805
Reg: Jun 16, 2011
Southern Califo...
18,800
like
08/02/16 09:45 PM (3 years ago)
Hi Mark.

Maybe I was overthinking this? Do you just want button links on a html page that opens the Facebook or Twitter apps on the users phone and takes them to your clients page? Like:

<a href="fb://profile/393773117341430" class="facebook">My Fanpage</a>

fb://profile/393773117341430

<a href="twitter://page?id=601496031" class="twitter">My Twitter Page</a>

twitter://page?id=601496031

?
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
08/02/16 11:16 PM (3 years ago)
Yep, that is exactly what I was looking for! A way to open up a native app instead of opening the page in the webView. That should do the trick!

Mark
 
USofWine
Aspiring developer
Profile
Posts: 87
Reg: Apr 21, 2012
Denver, CO
5,370
like
08/08/16 02:36 PM (3 years ago)
@reddog

Is there a way to "bury" the whole string behind a BT referenced image? I've been playing with what you suggested but "my fan page" shows up as a clickable link before my image....
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
08/08/16 02:38 PM (3 years ago)
Hi Ashley,

Sorry...meant to respond to your email, but got busy. To make an image clickable/tapable, it should be like this:

<a href="http://www.yourlink.com"><img src="wherever image is"></a>

So, the image goes in between the link tags...in the place where text would go if you were making a text link.

Mark
 
USofWine
Aspiring developer
Profile
Posts: 87
Reg: Apr 21, 2012
Denver, CO
5,370
like
08/08/16 03:01 PM (3 years ago)
@reddog

Is there a way to "bury" the whole string behind a BT referenced image? I've been playing with what you suggested but "my fan page" shows up as a clickable link before my image....
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
08/08/16 03:06 PM (3 years ago)
If you replace the "My Fanpage" text with an img src (like <img src="your/image/location.jpg">) then it will do what you're asking.
 
USofWine
Aspiring developer
Profile
Posts: 87
Reg: Apr 21, 2012
Denver, CO
5,370
like
08/08/16 03:06 PM (3 years ago)
Awesome! I'm close...where does the size of the image go to also be buried behind?

height="200" src="" width="200" /></p>
 
USofWine
Aspiring developer
Profile
Posts: 87
Reg: Apr 21, 2012
Denver, CO
5,370
like
08/08/16 03:06 PM (3 years ago)
Awesome! I'm close...where does the size of the image go to also be buried behind?

height="200" src="" width="200" /></p>
 
USofWine
Aspiring developer
Profile
Posts: 87
Reg: Apr 21, 2012
Denver, CO
5,370
like
08/08/16 03:18 PM (3 years ago)
Awesome! I'm close...where does the size of the image go to also be buried behind?

height="200" src="" width="200" /></p>
 
GoNorthWest
buzztouch Evangelist
Profile
Posts: 8197
Reg: Jun 24, 2011
Oro Valley, AZ
1,000,000
like
08/08/16 04:39 PM (3 years ago)
In the image tag:

<img src="path/to/image.jpg" height="200" width="200" alt="alternate text">

http://www.w3schools.com/tags/tag_img.asp

Mark
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.