🌹 喇賽的人 Blog 🌹

🌹 喇低喇賽 🌹

0%

Line Social Plugins 筆記

亂寫於 更新於 Disqus：
廢話字數： 3.3k 所需傷眼時間 ≈ 3 分鐘

 

這個好像很久以前賣謎片的朋友要跟風 line 分享 , 所以無聊研究看看怎麼用 LINE Social Plugins 順便在自己的 blog 加看看

主要可以看官方說明 弄個謎片還要懂英文真是辛苦

分享給朋友

主要把 data-url 設定上去就搞定了 , 就看要填入啥內容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="line-it-button"
	data-lang="zh_Hant"
	data-type="share-b"
	data-env="REAL"
	data-url=""
	data-color="default"
	data-size="small"
	data-count="true"
	data-ver="3"
	style="display: none;"></div>

<script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js"
	async="async"
	defer="defer"></script>

不過通常會希望直接分享這頁 , 以前好像都用 jquery , 現在也忘光怎麼拿 data attribute 啦

1
2
3
4
<script>
	var btn = document.querySelector('.line-it-button');
	btn.dataset.url = document.URL;
</script>

如果想要客製化的話只要這樣加就可以啦

1
<a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fline.me%2Fen">Hello World</a>

加朋友

加朋友也滿簡單的 , 主要靠 data-lineId , 沒想到經營謎片之類的也是滿辛苦的 , 還要搞這些

1
2
3
4
5
6
7
8
<div class="line-it-button"
	data-lang="en"
	data-type="friend"
	data-env="REAL"
	data-count="true"
	data-home="true"
	data-lineId="@FQ謎片"
	style="display: none;"></div>

點讚

點讚也是差不多的動作 , 想不到還滿無腦的

1
2
3
4
5
6
<div class="line-it-button"
	data-lang="zh_Hant"
	data-type="like"
	data-env="REAL"
	data-url="很讚的謎片網址"
	style="display: none;"></div>

fullcode

fullcode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">

<head>
</head>

<body>
    <p>Hello World</p>

    <div class="line-it-button"
        data-lang="zh_Hant"
        data-type="share-b"
        data-env="REAL"
        data-url=""
        data-color="default"
        data-size="small"
        data-count="true"
        data-ver="3"
        style="display: none;"></div>

    <a href="https://social-plugins.line.me/lineit/share?url=https%3A%2F%2Fline.me%2Fen">Hello World</a>

    <div class="line-it-button"
        data-lang="en"
        data-type="friend"
        data-env="REAL"
        data-count="true"
        data-home="true"
        data-lineId="@fq87"
        style="display: none;"></div>

	<div class="line-it-button"
		data-lang="zh_Hant"
		data-type="like"
		data-env="REAL"
		data-url="很讚的謎片網址"
		style="display: none;"></div>


    <script src="https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js"
        async="async"
        defer="defer"></script>

	<script>
		var btn = document.querySelector('.line-it-button');
		btn.dataset.url = document.URL;
	</script>


</body>

</html>
關閉