LINE LIFF App的巧妙运用

《LINE LIFF App的巧妙运用》

LINE 中的LIFF App是一个便于开发,类似 FB WebView或是微信小程序的机制。

如何撰写一个LIFF App,在这之前你必须具备这几个前提条件:

LIFF App可以使用HTML和javascript撰写;

最好是写成RWD网页,这样崁入在LINE里面看起来比较顺眼;

你可以透过js API 取得用户User id、取得用户信息、以用户的身分发送讯息给Line bot

此外,你可以透过底下几种方式唤起LIFF App:

送出一个网址(类似 line://app/1111111111-OxoxoxoxOx ) 让用户点在Rich Menu当中做一个Url Button让用户点。

从下图中你可以看到,我们在Rich Menu中建立了两种按钮,一个直接开启url的button,一个是显示文字的Button,

这两种方式都可以让用户触发开 启LIFF外贸原生APP开发。


《LINE LIFF App的巧妙运用》


用户可以从Ruch Menu唤出LIFF App:


《LINE LIFF App的巧妙运用》


此外,不管是LINE bot说出这个网址,或是用户自己说出这个网址外贸在线客服软件系统,只要有LIFF的url,用户就可以

点,点了就可以开启LIFF 。我们再看底下这个有趣的例子:


《LINE LIFF App的巧妙运用》


请特别注意一个有趣的地方外贸短信发送系统软件,LIFF的url长象是 line://app/1111111111-OxoxoxoxOx  这样,

但你居然可以在该url后面加上  QueryString,象是: line://app/1111111111-OxoxoxoxOx?a=123

它会自动pass给你的网站,例如你看到上面的 a=123在我们进入WebApp中,可以透过抓取QueryString的方式抓到参数,

并显示到TextBox中(执行结 果在上图):

这个机制有助于我们只需要撰写单一一个LIFF,就可以依照不同的用户或需求(以QueryString区分),执行不同的功能。

此外,在LIFF中抓取User Id也是基本功能外贸在线客服软件。

底下的程序码在document ready之后,透过liff.init(…)初始化LIFF,在传回来的data.context中,就包含了UserId

抓取profile.displayName之后显示在textbox中外贸短信发,如下图:


《LINE LIFF App的巧妙运用》


有趣的是居然可以用alert(…)。

你也可以在LIFF中,透过SendMessages以用户身分传送讯息给Line Bot,执行结果如下:


《LINE LIFF App的巧妙运用》


你会发现透过js可以帮用户传送讯息(其实不只文字,贴图、图片、或其他讯息当然也行),到对谈视窗中。

这些功能虽然基本,但已经可以完成不少行动装置上的应用了外贸客服系统。


注意,其中用到了LIFF的sdk.js:

把该页面布署到支援https的站台海外短信发送,然后透过先前介绍过的方式,把网址注册到你的Line bot中,就成为一个

LIFF App了。

如果你懒的写html和js想测试一下,你可以试试看底下这个测试LIFF App:

只需要透过先前介绍过的方式注册到你的Line bot上即可。


———————————————————————-

你要用什么样的品牌调性來和消費者沟通?

你要透过什么样的文案吸引消费者来选购?

你要透过什么样的产品图片来抓住消費者的内心?

想知道你未来的营销策略与规划,可通过下方继续深入了解品牌策略顾问服务。

《LINE LIFF App的巧妙运用》

    原文作者:joserito666
    原文地址: http://blog.itpub.net/69950643/viewspace-2662321/
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞