How to embed a chat application to any website as a plugin/widget? - plugins

I have developed an Angular chat application project. Now I want to make it as a widget (or plugin I'm not sure how we call it) to embed to any websites like many shops use Messenger as a way to communicate with customers. For example:
<div class="my-chat-widget"></div>
<script defer src="//my-chat-widget"></script>
How can I achieve this? Is there any tutorial or paper that I can research on? What is the knowledge I need to study if doing this?
P/s: I'm new to Web development so it will be nice if anyone can give me some references to research on.

Related

How do chats detect a user is online or offline

Hi,
I am creating a web chat from scratch and I came across this issue. How can I detect a user is still online (this meaning they still have the chat window/tab open). I have seen chats that handle this very efficiently but I dont even know what language are they using to accomplish this. Any hints please? My chat is entirely html, php and javascript only by the way.
Thank you.

Why use WebMatrix Facebook helpers verus just using facebook generator?

I am wondering why would you use the html helper for something like the like button
then using the generator from facebook
Why use the Twitter helper, or the Gravatar helper for that matter? Or any helper?
WebMatrix is targeted at an audience of learners. This group is barely assumed to know HTML (although I realise that description covers a lot of experienced Web Forms developers too), so providing a reasonably consistent set of APIs to help make use of social networking widgets makes sense to me. It means that the learner can have Twitter feeds and Like buttons on their first site in a few seconds, rather than having to trawl all over the Internet to find out how these things are done, and then potentially getting confused by the developer material offered by these sites. If they achieve a degree of success early on, they will more likely persist with the framework.

Events Website CMS/Framework Suggestions

I'm planning to build a website that has the following in the first Phase
Events List
Events Management by admin
Register for events (buy tickets)
News List
Manage News
Support Multi-Language
In the next phase i would like the site to be a social networking site (considering elgg)
I want the website to be light and fast. I've tried Joomla/Drupal. They seem to be slow.
Any recommendations for a framework/CMS?
I've been using Textpattern for a CMS based website I am developing, and so far it seems like it can handle all of the CMS work I push at it while staying out of the way as far as code. It has a bit of a learning curve like most CMS programs, but is pretty easy to pick up. You'll still have to build out the functionality for events (look into the plugin ZemEvents), as Textpattern starts out with just the base install and you add on to it as needed. You may need to handle E-commerce differently though, not sure if there are any plugins for Textpattern that could handle that.
I, personally second LocalPCGuy’s recommendation since Textpattern is, in my eyes, the most underestimated CMS in the market. I especially love it for its simple XML-like templating tags.
Talking about easy templating you might also want to check out the Python based Django framework. This is, by far, the fastest framework/cms I ever came across.

GWT SE friendly application

How can I develop 'Search Engine Friendly' web app in GWT? Take an example of StackOverflow itself, it's a web app and should be SEO friendly allowing users to search from search engines. If someone wants to develop same app in GWT. How can one make it SEO friendly?
GWT contains a single HTML file. How can we allow its inner content to be visible in SE?
Any suggestion or comment, will really help. Thank you.
Make it crawlable ... this could be helpful http://code.google.com/web/ajaxcrawling/
As someone who has done this before, I want to warn you. If you are going to do a small application and want to be searched by google, great. http://code.google.com/web/ajaxcrawling/ will work. If you want to build a tool that includes bing, then you will be out of luck. You are better off breaking up your navigation with HTML and embedding your GWT in one of the pages.
Until all search engines can handle this, you will spend precious resources trying to work redirection and carefully reviewing search engine results.
When building an SPA, you don't have to do anything specific for Google anymore. Google's AJAX crawling scheme has been deprecated been Google.
You just have to make sure your website serves your users well, and that it is convenient to use. Google will crawl it in a way relatively close to your user experience.
Should you want to do more, however, you can use Prerender. I would recommend checking that article:
https://moz.com/blog/optimizing-angularjs-single-page-applications-googlebot-crawlers

Where to Start for Building a Product Catalog

I've been asked to develop a product catalog for our company. We have maybe 20 products, but I'm not sure where to start.
I have some PHP experience and Wordpress CMS experience. I was hoping for an existing framework or solution so I wouldn't have to start from scratch. Anyone have any ideas?
I'm not looking for an ecommerce site as we are NOT selling anything through the site. Its just a showcase.
Especially if you don't ever want to sell: Don't use a framework. Use Wordpress! Create a site for every product, and link them appropriately. Use a theme that allows you to group sites.
This way you work with a CMS you are familiar with, you have the advantage of all the Wordpress goodies (permalinks come to mind), and you don't have to code much at all.
Opencart is a great solution can be easy moded as product catalog
Check their forums