Cách xây dựng tiện ích cho trang web của tôi

Question

Tôi rất mới với toàn bộ chương trình - cho đến nay tôi chỉ có kinh nghiệm về xây dựng trang web, cơ sở dữ liệu, v.v.

Tôi hiện đang có trang web nơi người dùng có thể chia sẻ giao dịch mua hàng trực tuyến của họ .

Tôi muốn tạo tiện ích mà các trang web khác có thể tích hợp trên trang web của họ. Tiện ích con sẽ hiển thị các giao dịch mua gần đây được nhập trên trang web của tôi và Người dùng có thể chèn giao dịch mua của họ trực tiếp thông qua tiện ích con này mà không phải truy cập trang web của tôi.

Trang web của tôi được xây dựng trên PHP bằng cách sử dụng Zend Framework và sử dụng chương trình phụ trợ Mysql.

Một số trang web tôi đang nói đã đồng ý thêm tiện ích nếu nó không gây khó chịu và nếu tất cả những gì họ phải làm là chèn 4 dòng mã javascript vào trang của họ. Tôi giả định điều này sẽ làm việc một cái gì đó giống như mã Google Adsense nơi bạn nhập mã javascript googles và quảng cáo bắt đầu hiển thị.

Thats ý tưởng nhưng tôi không có ý tưởng làm thế nào để đi về nó - bất cứ ai có thể chỉ cho tôi đi đúng hướng. Bất kỳ ví dụ hoặc hướng dẫn nào về cách thực hiện điều này.

Ví dụ về Google Adsense Mã

 
<script type='text/javascript'> --></script><script type="text/javascript"><!-- 
google_ad_client = "pub-06xxxx453614"; 
google_ad_width = 728; 
google_ad_height = 90; 
google_ad_format = "728x90_as"; 
google_ad_type = "text"; 
google_ad_channel = "3407467430"; 
google_color_border = "38B63C"; 
google_color_bg = "FFFFFF"; 
google_color_link = "0066CC"; 
google_color_text = "000000"; 
google_color_url = "0066CC"; 
google_ui_features = "rc:0"; 
//--> 
</script> 
<script type="text/javascript" 
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
</script> 

Đây có phải là một hình thức của phụ tùng cũng - như thế nào Javascript được sử dụng ở đây? Cảm ơn

Answer 1

Tôi không có chuyên gia nào trong trường tiện ích nhưng 'hướng' là sử dụng khung nội tuyến được tạo động trong trang sẽ lưu trữ tiện ích con.

Đó là mã JS của bạn sẽ viết một cái gì đó như:

<iframe src="http://www.mywebsite.com/services/widget.php" {other attributes here} /> 

Iframe thường được chứa trong đánh dấu (html) mà sẽ chăm sóc của bài trình bày của các widget trong trang lưu trữ. Tệp javascript của bạn có thể chứa trình xử lý (được liên kết với các sự kiện trên tiện ích của bạn, v.v.).

Mục tiêu của khung nội tuyến có thể là tập lệnh .php (hoặc khác) sẽ xuất ra html hoặc bất kỳ thứ gì khác từ trang web của bạn. Đầu ra có thể chứa thông tin/dữ liệu từ cơ sở dữ liệu của bạn (Mysql như bạn nói) và thực hiện bất kỳ thao tác nào trên dữ liệu đó.

Đó là một cách tiếp cận (khung nội tuyến) được sử dụng trong một số trường hợp. Hãy chắc chắn rằng bạn đã quen với cửa sổ thuật ngữ, phụ huynh trong javascript trước khi viết mã JS trong trường hợp iframe và khung có liên quan (thường là cách xử lý các trường hợp trang chứa khung hình lần lượt có thể chứa các khung khác, v.v.)

Hy vọng điều này có thể giúp bạn bắt đầu bằng cách cho bạn một ý tưởng chung/cách tiếp cận về chủ đề này.

Tôi chắc chắn bạn đã nghe nói về quảng cáo của Google. Cách để bao gồm quảng cáo google trong một trang web được giải thích rõ ràng trên các trang quảng cáo của google. Bạn chỉ cần thêm tập lệnh và một số mã mà lần lượt tạo ra html sau:

<iframe allowtransparency="true" frameborder="0" height="100" hspace="0" id="google_ads_frame1" marginheight="0" marginwidth="0" name="google_ads_frame" scrolling="no" src="http://googleads.g.doubleclick.net/pagead/ads?client="{PARAMS}" style="left:0;position:absolute;top:0" vspace="0" width="900"></iframe> 

Nội dung của khung này là quảng cáo thực tế (liên kết quảng cáo bạn thấy trên trang).

Thẻ iframe không phải là thẻ duy nhất được tạo từ javascript quảng cáo của Google trên trang. Các thẻ khác (html) cũng được tạo để xử lý các vấn đề liên quan đến bản trình bày.

Answer 2

Có rất nhiều cách để bạn có thể thực hiện việc này. Ví dụ của andreas rất hay. Nó cũng có thể để lộ dữ liệu bạn muốn ở một số định dạng như JSON hoặc XML và sau đó làm cho 'widget' một chút Javascript bao gồm mà sẽ làm điều này theo một số sở thích. Một ví dụ đơn giản (phần nào) bạn có thể bắt đầu với là twitter search widget.

Chúc may mắn!

Answer 3

Ví dụ: bạn muốn hiển thị trạng thái trang web được lưu trữ trên trang web của bạn làm tiện ích tại trang web đối tác của bạn.

Dưới đây là một đơn giản LÀM THẾ NÀO ĐỂ:

1.Create phụ tùng kịch bản trên trang web của bạn, hãy nói: http://yourwebsite.com/widget1.php?data=value&date2=value2

2.On kịch bản đó, điền vào nó với một cái gì đó như:

<?php 
$data=get_xss_free($_GET['data']); 
$data2=get_xss_free($_GET['data2']); 
//do your process here 
//then, display it: 
echo "<div>This is my widget data!</div>"; 
?> 

3. Cho đối tác của bạn nhúng video như sau:

<iframe src="http://yourwebsite.com/widget1.php?data=value&date2=value2"></iframe> 

Answer 4

Có thể bạn coul d xem xét sử dụng PHP GD library để tự động tạo hình ảnh. Bằng cách đó bạn người dùng sẽ chỉ phải bao gồm một thẻ hình ảnh như vậy trên của họ trên các trang web:

<img src="http://www.yourwebsite.com/widget.php?user={USERNAME}" width="500" height="250" alt="Your Widget" /> 

Sau đó, trong tập tin widget.php của bạn, bạn có tất cả các bạn lý cơ sở dữ liệu, vv trong đó sử dụng dữ liệu này và làm cho một hình ảnh. Facebook sử dụng cách tiếp cận tương tự với tên gọi này là "Huy hiệu hồ sơ" và có thể truy cập theo cách tương tự: http://www.facebook.com/badge.php?id= {ID}&format=png&params={OTHERPARAMS}

Nhưng vui lòng lưu ý rằng tạo hình ảnh động có lẽ không phải là cách dễ nhất để tiếp cận điều này và giải pháp iframe đã được đăng khá tốt và chắc chắn sẽ dễ dàng hơn để tạo.