Cách tạo LinkTree của riêng mình bằng HTML, CSS và JavaScript? GeekSforGeeks, liên kết trong công cụ sinh học: Mọi thứ bạn đang có, trong một liên kết đơn giản | Linktree
Mọi thứ bạn đang có. Trong một, liên kết đơn giản trong sinh học
Rất nhiều người sáng tạo Linktree thấy kết quả đáng kinh ngạc với doanh số bán hàng trực tuyến trên Linktree, bởi vì nó loại bỏ các bước bổ sung liên quan đến việc mua hàng. Với PayPal hoặc Square ngay trong Linktree của bạn, khách hàng của bạn đã giành được thậm chí cần phải rời khỏi phương tiện truyền thông xã hội của bạn để đi đến một trang web khác và trả tiền!
Cách tạo LinkTree của riêng mình bằng HTML, CSS và JavaScript ?
Linktree là một công cụ cho phép bạn chia sẻ nhiều siêu liên kết của các phương tiện truyền thông xã hội khác nhau vào một trang web. Nó đã trở nên phổ biến trên Instagram, vì Instagram không cho phép bạn chia sẻ các liên kết web ở bất cứ đâu khác ngoài các câu chuyện và phần ‘sinh học của trang hồ sơ của bạn, có giới hạn ký tự nghiêm ngặt. Trong bài viết này, chúng tôi sẽ làm thế nào để tạo LinkTree của riêng mình bằng HTML, CSS và JavaScript.
Tiếp cận: Cách tiếp cận sau đây sẽ được sử dụng để thực hiện:
- Tạo một thư mục dự án và bên trong nó tạo thêm ba thư mục được gọi là CSS CSS cho chính.CSS (để viết các tệp CSS).JS và chính.JS (để viết các tệp JS) và tài sản cho hình ảnh logo và tạo một tệp chỉ mục.HTML (để viết HTML).
- Trong tệp HTML, tạo hai phần tử container, chẳng hạn như Div, để giữ logo của bạn và về (Bio).
- Sử dụng CSS để tạo kiểu cho sự xuất hiện của Linktree của bạn. Điều này có thể bao gồm việc thiết lập phông chữ, màu sắc và kích thước của các liên kết của bạn, cũng như bố cục và khoảng cách của các mục danh sách.
- Sử dụng JavaScript để thêm tính tương tác vào LinkTree của bạn. Chẳng hạn, bạn có thể sử dụng JavaScript để mở các liên kết trong các tab mới hoặc để thêm hiệu ứng di chuột khi người dùng di chuyển chuột của họ qua một liên kết.
Cấu trúc dự án:
gốc | | | ____ Tài sản | ____ bất hòa.PNG | ____ Facebook.png | ____ gmail.PNG | ____ Instagram.PNG | ____ LinkedIn.png | ____ liên kết-rắn.SVG | ____ Telegram.JPG | ____ Twitter.PNG | ____ YouTube.PNG | ____ CSS | ____ chính.CSS | ____ JS | ____ Liên kết.js | ____ chính.JS | ____ Readme.MD | ____ Chỉ số.HTML
Ghi chú: Nếu bạn muốn thay đổi phông chữ, của trang web của bạn, bạn chỉ cần đưa các kiểu kiểu sau trong chương trình của mình cho phông chữ:
@Import URL ("https: // phông chữ.Googleapis.com/css2?gia đình = montserrat: wght@300; 400; 500; 600; 700; 800; 900 & display = hoán đổi "); Ví dụ: Ví dụ dưới đây minh họa việc triển khai cơ bản để tạo LinkTree theo cách từng bước.
Bước 1: Thêm mã sau vào mục lục.HTML tài liệu.
Mọi thứ bạn đang có. Trong một, liên kết đơn giản trong sinh học.
Tham gia 40m+ người sử dụng Linktree cho liên kết của họ trong BIO. Một liên kết để giúp bạn chia sẻ mọi thứ bạn tạo, quản lý và bán từ Instagram, Tiktok, Twitter, YouTube và các hồ sơ truyền thông xã hội khác của bạn.
Tạo và tùy chỉnh LinkTree của bạn trong vài phút
Kết nối Tiktok, Instagram, Twitter, trang web, cửa hàng, video, âm nhạc, podcast, sự kiện của bạn. Tất cả kết hợp với nhau trong một liên kết trong trang đích sinh học được thiết kế để chuyển đổi.
Bắt đầu miễn phí
Chia sẻ Linktree của bạn từ Instagram, Tiktok, Twitter và BIOS khác của bạn
Thêm URL Linktree độc đáo của bạn vào tất cả các nền tảng và địa điểm bạn tìm thấy đối tượng của mình. Sau đó sử dụng mã QR của bạn để điều khiển lưu lượng truy cập ngoại tuyến trực tuyến của bạn.
Bắt đầu miễn phí
Phân tích khán giả của bạn và giữ cho những người theo dõi của bạn tham gia
Theo dõi sự tham gia của bạn theo thời gian, giám sát doanh thu và tìm hiểu những gì mà chuyển đổi khán giả của bạn. Cập nhật thông báo trên đường bay để giữ chúng trở lại.
Bắt đầu miễn phí
Liên kết duy nhất trong sinh học được tin tưởng bởi 40m+
người sáng tạo
người có ảnh hưởng
Tiểu thương
vận động viên
mô hình
tiền kiếm
Các nhà giáo dục sức khỏe
Streamers
vlogger
Huấn luyện viên thể dục
Người bán thương mại điện tử
Nhà bán lẻ
các sản phẩm
Lãnh đạo sức khỏe
Nhạc sĩ
ban nhạc
DJ
Podcasters
nhà thiết kế thời trang
người sáng tạo văn hóa
Người bán hàng
nhà văn





















Chia sẻ nội dung của bạn theo những cách vô hạn trên Linktree của bạn.
Bán sản phẩm và thu thập thanh toán. Nó kiếm tiền từ nó đơn giản.
Phát triển, sở hữu và thu hút khán giả của bạn bằng cách thống nhất chúng ở một nơi.
Liên kết nhanh, thân thiện và mạnh mẽ trong công cụ sinh học.
Kết nối liền mạch linktree của bạn với các công cụ bạn đã sử dụng.
Tùy chỉnh Linktree của bạn để phù hợp với thương hiệu của bạn. Làm cho nó cảm thấy như bạn.
Quản lý, cập nhật và lên lịch nội dung với trình soạn thảo nhanh chóng, dễ dàng của chúng tôi.
Như đặc trưng trong.






“Linktree đã cho phép tôi tạo đăng ký thành viên mới mà không cần một trang web.”
Người sáng lập, Connor Toki Health & Hiệu suất

Linktree đơn giản hóa quy trình cho người sáng tạo chia sẻ nhiều phần của chính họ trong một liên kết bao gồm.”
YouTuber, người tạo nội dung

“Linktree giúp khách hàng của tôi đến nơi họ cần đến. Nó rất nhanh và dễ dàng.”
Người sáng lập và Đầu bếp bánh ngọt, Mali Bakes

Tôi sử dụng các phân tích Linktree để hiểu rõ hơn đối tượng của mình và điều gì đã chuyển đổi chúng.”

Sơ yếu lý lịch Linktree của tôi nổi bật so với phần còn lại, đảm bảo cho tôi công việc toàn thời gian đầu tiên của tôi với tư cách là phóng viên truyền hình!”
Phóng viên và nhà sản xuất TV

“Linktree đã cho phép tôi tạo đăng ký thành viên mới mà không cần một trang web.”
Người sáng lập, Connor Toki Health & Hiệu suất

Linktree đơn giản hóa quy trình cho người sáng tạo chia sẻ nhiều phần của chính họ trong một liên kết bao gồm.”
YouTuber, người tạo nội dung
Có câu hỏi nào không?
Tại sao tôi cần một liên kết trong công cụ sinh học?
Ngay bây giờ, mỗi khi bạn có một cái gì đó mới để chia sẻ, bạn phải truy cập từng kênh của mình để thay đổi liên kết trong mỗi bios của bạn. Nó tốn thời gian và phức tạp-khiến mọi thứ trở nên khó khăn hơn nhiều.
Một liên kết trong công cụ sinh học có nghĩa là bạn không bao giờ phải thỏa hiệp hoặc xóa một liên kết khỏi tiểu sử của mình để bạn có thể thêm một liên kết khác. Bạn có thể giữ mọi thứ bạn muốn chia sẻ trực tuyến trong một liên kết. Khi bạn có một sự thay đổi, bạn chỉ phải thực hiện một lần.
Linktree có phải là liên kết ban đầu trong công cụ sinh học không?
Câu trả lời ngắn? Đúng!
Trở lại năm 2016, chúng tôi đã tạo Linktree như một cách dễ dàng để liên kết với tất cả các xã hội và thống nhất hệ sinh thái kỹ thuật số, tiên phong. Linktree vẫn là giải pháp liên kết sinh học hàng đầu, lớn nhất và phổ biến nhất-nhưng đó chỉ là khởi đầu. Bạn có thể sử dụng mã URL hoặc mã QR LinkTree của mình bất cứ nơi nào Đối tượng của bạn, bao gồm cả trên danh thiếp của bạn, trong chữ ký email của bạn, trên các áp phích và tài liệu quảng cáo trên giấy, và thậm chí trên sơ yếu lý lịch của bạn. Nếu bạn không có một trang web, thì điều đó tốt. Nếu bạn có một linktree, bạn không cần một!
Bạn có thể được trả tiền và bán mọi thứ từ một linktree?
Vâng, bạn có thể! Chúng tôi cung cấp nhiều cách để bán sản phẩm và kiếm tiền từ khán giả của bạn. Bạn có thể thu thập các mẹo, yêu cầu thanh toán cho các dịch vụ, thu nhập từ các liên kết liên kết và bán sản phẩm của bạn ngay trong Linktree của bạn.
Rất nhiều người sáng tạo Linktree thấy kết quả đáng kinh ngạc với doanh số bán hàng trực tuyến trên Linktree, bởi vì nó loại bỏ các bước bổ sung liên quan đến việc mua hàng. Với PayPal hoặc Square ngay trong Linktree của bạn, khách hàng của bạn đã giành được thậm chí cần phải rời khỏi phương tiện truyền thông xã hội của bạn để đi đến một trang web khác và trả tiền!
Chúng tôi thích cách Linktree đã giúp chúng tôi quản lý doanh nghiệp của mình bằng cách có tất cả các phương tiện truyền thông xã hội và các cách để thanh toán ở một địa điểm. Mã QR đã giúp khách hàng dễ dàng truy cập tất cả!Tiết – Tiffany
Linktree có an toàn để sử dụng trên tất cả các hồ sơ truyền thông xã hội của tôi không?
Linktree được tin tưởng bởi tất cả các nền tảng xã hội và thậm chí còn được sử dụng trên nhiều tài khoản truyền thông xã hội của Facebook, Instagram và Tiktok,! Bởi vì LinkTree là công cụ liên kết ban đầu ban đầu và phổ biến nhất, Linktr.EE URL là một liên kết đáng tin cậy, có thể nhận dạng và quen thuộc mà khán giả cảm thấy thoải mái và nhấp vào.
Điều gì làm cho LinkTree tốt hơn liên kết khác trong các tùy chọn sinh học?
Tất nhiên, chúng tôi có ý kiến của riêng mình ở đây, nhưng những câu chuyện về những người sử dụng Linktree Matter nhiều hơn. Hãy để nghe những gì họ nói:
Bốn tháng sau khi tạo ra, ai đó đã nhắn tin cho tôi như: Bạn cần một Linktree. Tôi có thể nhớ những gì tôi đã sử dụng vào thời điểm đó, nhưng đó là một trong những thứ được cho là dễ dàng. Khi tôi đã thiết lập Linktree, tôi đã như vậy, trời ơi – tại sao tôi lại chi 100 đô la cho một trang web? Tôi không cần tất cả những thứ đó! Bây giờ, tôi có thể thấy việc kiếm tiền từ sau đây trở thành một điều toàn thời gian.” – David Coleman
Đây là một cách dễ dàng hơn nhiều để thiết lập và có tất cả các liên kết của bạn ở một nơi ở định dạng được thiết kế tốt.” – Catie T
“Các trang web rất tuyệt (tôi có một) nhưng Linktrees chỉ làm cho nó dễ dàng hơn nhiều.” – Tan Nguyen
“Tôi yêu phân tích của họ. Các công ty liên kết khác trong sinh học don don cung cấp dữ liệu sâu rộng về những gì đang diễn ra.” – Riley Lemon
Linktree đã phát minh ra công cụ Bio Link vào năm 2016 và nó tiếp tục liên kết sinh học phổ biến nhất thế giới cho đến ngày nay – với 40m+ người sử dụng nó làm nơi đáng tin cậy để chia sẻ, bán và phát triển trực tuyến. Tham gia cùng họ trên Linktree ngay hôm nay và tự mình xem!
Làm thế nào tôi có thể lái nhiều lưu lượng truy cập đến và thông qua Linktree của tôi?
Chia sẻ Linktree của bạn trên mọi nền tảng xã hội mà bạn có cho bạn dễ dàng nhìn thấy và tham gia bởi tất cả những người theo dõi bạn. Bạn thậm chí có thể sử dụng mã QR để tạo lưu lượng truy cập trực tuyến ở những nơi ngoại tuyến và đưa mọi người đến các liên kết của bạn.
Khi khách truy cập đến trên Linktree của bạn, phân tích dễ hiểu giúp bạn nhanh chóng và dễ dàng khám phá nơi họ đến từ đó, và những gì họ đã nhấp vào. Bạn có thể thấy ngay những gì mà hoạt động và những gì không và cải thiện liên kết của bạn một cách nhanh chóng với vị trí liên kết khác nhau, các liên kết ưu tiên, tiêu đề phụ, hoạt hình và nhiều hơn nữa để đảm bảo lưu lượng truy cập của bạn đang hạ cánh chính xác nơi bạn muốn!
Tôi nên có bao nhiêu liên kết trên Linktree của mình?
Điều này phụ thuộc vào hai điều. Nếu mức độ ưu tiên của bạn là nhấp qua và chuyển đổi, chúng tôi khuyên bạn nên có 3-7 liên kết trên Linktree của bạn cùng một lúc (dựa trên những người tạo thành công nhất của chúng tôi). Bao gồm quá nhiều tùy chọn cho khách truy cập của bạn chậm lại cách hành động của họ.
Điều đó nói rằng: Đối với một số người sáng tạo nhất định có ưu tiên là hiển thị, giáo dục và trưng bày (e.g. Một hãng thu âm với thư viện các bản phát hành mới để quảng bá hoặc một công ty quản lý đang tìm cách giới thiệu danh sách khách hàng đầy đủ của họ), bao gồm hơn bảy liên kết đáp ứng mục đích của họ một cách hoàn hảo.
Bạn có thể sử dụng các tính năng trên Linktree để thêm tiêu đề phụ, phần, hoạt hình và các phương thức ưu tiên khác vào các liên kết của bạn – vì vậy bất kể bạn đã chia sẻ bao nhiêu điều, bạn có thể đưa khách truy cập của mình đến những gì quan trọng nhất, trước tiên.
Tôi có cần một trang web để sử dụng Linktree không?
Không, bạn don! Linktree có thể đóng vai trò là mini-Website của riêng bạn để chia sẻ, bán và phát triển mà không cần bất kỳ thời gian và nỗ lực nào để xây dựng và duy trì một trang web thông thường. Bạn có thể tạo ra một thiết kế phản ánh đầy đủ tính cách và thương hiệu của bạn trong vài giây, không có kiến thức, kỹ năng hoặc kinh nghiệm cần thiết. Nếu bạn đã có một trang web, điều đó thật tuyệt: bạn có thể thêm nó vào Linktree của mình.
“Tôi hầu như không chạm vào trang web của mình nữa. Tôi chỉ gửi mọi người đến Linktree của tôi! Nó có một giao diện mới, đẹp, rất năng động hơn nhiều. Tôi có thể mất vài phút, cập nhật liên kết của mình và đặt điện thoại của mình đi thay vì dành 45 người đấu tranh cho WordPress.Càng – @ashleyhopepez
