Creating client video review pages in WordPress - html

We are looking for an easy way to share our work in progress videos with our clients - for feedback.
We are using WordPress.
We want to avoid email/ftp/youtube/vimeo etc... And simply have our clients access a link to our site that we give them.
Is there a way that I can get the following:
create a directory "client_0001" on our webserver
upload our client's videos to the directory
send the link to the server "http://mysite.com/client_0001" to our client
when the clients accesses the link they will be presented with our wordpress site, but not some post/page but rather a template of the site with html5video/mp4 players in the page for each video that we uploaded?

There's no real reason to do this using Wordpress. In fact, it would certainly be more work doing it in Wordpress. A decent way to do this would perhaps create a php page with your template/html5 player, and having this page parse a GET variable to display the video. That way you can send your clients links like http://mysite.com/video_preview.php?videofile=somevideofile.mp4
For example:
Directory Structure:
example.com/
previews/
video_preview.php
someVideo.mp4
Then in video_preview.php, you can parse a GET variable and display any page you want. Here's a rough example.
<?php $video = $_GET['videofile'] ?>
<html>
// The HTML you want to use for the template. All CSS/JS, etc, etc...make it look pretty. (or dow't)
// Then you'd call your video player, however you want to do that. Basically, you just dynamically choose the video file based on the URL your client clicks.
<player src=<?php echo $video ?>
</html>

I wish I had WordPress ten years ago when I was hand crafting all those client pages in Dreamweaver...
The only caveat right now is the file size that can be uploaded directly in WP. But this can be solved uploading via FTP to a custom folder and doing a video player Shortcode to render player+posterframe:
[vplay file="http://example.com/custom/video.mp4" poster="http://example.com/wp-content/uploads/picture.jpg"]
A custom page template, for example, with customized header and footer, that after page creation would have a URL like: http://example.com/clients/project-name/.
Password protected for the client's convenience, or some membership in the site for restricted content. Comments form enabled for internal communication. Image gallery if necessary. Among other goodies.
What's good about YouTube and Vimeo are the privacy options and doing the web-format rendering for you. In this WordPress Answers, Video tutorials in dashboard, I write about the options.

Related

Is it possible to create dynamic routes in Next Js that can be embedded in external websites using iframes?

I have a Next JS app, where admin users create and manage schedules for their businesses. I want to create a robust way for users to be able to embed a public url from the next js admin app in any external website for their businesses that they might have(eg a wordpress landing page), which displays their specific schedule( A next page that can have any functionality) in their respective landing pages.
I have tried to just link any of my next routes in an external html page using
<iframe src="next app route"></iframe>
I would expect to see that page displayed within the iframe( as it would have looked if I had accessed the url in the browser, but within the constraints of the iframe), but the page doesn't display within the iframe, and I get a blank space. But the same iframe works with a simple ".html" page url that I found randomly.
This related thread suggests that CRA is more suited for this. But I don't really understand how. Especially because each user in my next app, will have a different page that needs to be embedded!

Download is not tracking on web page in matomo

I am trying to track download file in matomo but in the dashboard it is not reflecting
this is the reference https://matomo.org/faq/new-to-piwik/faq_47/
_paq.push(['setLinkTrackingTimer', 750]); // 250 milliseconds
_paq.push(['setDownloadExtensions', ".csv"]);
but it is not reflecting in the dashboard
Tried creating goals for the same but same issue it is not reflecting in the dashboard
please let me know what has to be done to fix this
Matomo by default, recognizes CSV files.
Adding _paq.push(['setDownloadExtensions', ".csv"]); may break the functionality. Is your website a Single page app or normal HTML. What is the download URL?
If you're using SPA you need to instruct Matomo to scan the DOM for new content. We'll now go over various content types (Videos & Audio, Forms, Links and Downloads, Content tracking). Please review https://developer.matomo.org/guides/spa-tracking#making-matomo-aware-of-new-content and if file name is not passed in the URL param then please review https://developer.matomo.org/guides/tracking-javascript-guide#enabling-download-outlink-tracking
If you're using normal HTML, then it should work automatically, we recommend you to remove the 'setLinkTrackingTimer' and 'setDownloadExtensions' from the tracking code.

How to pull files from a directory for an image gallery?

I've recently started learning html and for my first project i'm trying to create an image gallery that takes every png file from a directory and frames them on one page.
I've managed to make a very simple gallery that displays the images in a grid pattern but i haven't been able to make it take images straight from a folder without doing it manually.
I'm probably getting ahead of myself with such a project but any help is welcomed.
Current code is on github here:
http://ronsoros.github.io/?f49ef4d23d14e2c204648514729a7d850f62cf13
Welcome to Stackoverflow and the world of web development. You're indeed getting a little ahead of yourself, but that's a great attitude.
To be able to fetch all the images from a folder automatically, you need a programming language. Javascript is one of those programming languages, but Javascript is client side.
Client side means that the code you've written is executed by the users' browser. This means that as long as the user has access to the folder with your images he/she is able to fetch all the images and display them on the webpage. Most servers, the computer your website is hosted on, take security measures to make sure that the user can't access a directory, only the contents. This means that the user cannot know how many images are in the directory.
Javascript is also very slow in doing this, as first the page needs to load; run the javascript; loop over every image in a directory; display them one by one; end the script.
So what you need is PHP, a serverside language. This will be run before the user gets the page, the server executes the code. This means that you have access to the folder containing the images and are able to loop over them, get the images and put them in HTML tags to send to the user with the page.
But PHP needs a lot more than just a .html file, it needs a .php file and your computer or server has to know about PHP and what to do with it.
If you want to learn more about PHP W3Schools has a great guide on the basics of PHP: https://www.w3schools.com/php/
But I recommend sticking with HTML and CSS right now and really try to understand how it works and why it does what it does.
Goodluck!

ensure embed code (iframe) is only used on customer web sites

I have a service and would like clients to be able to place this service on their website. I am looking at doing this by using an iframe. I will provide the code and they can just copy and paste the code to show the functionality. Each client will be discovered by the query string.
There is a concern that anyone can look at the source of the website, copy the iframe and add it to their own website therefore using the service and charging the original client. I obviously want to stop this.
Ideally, I would like to verify that the website that is using the iframe is linked to the client who registered to use the service. Is this possible at all? I know there are issues with cross domain security.
If it isn't possible, I guess I would need to create a widget instead.
For each client, have a whitelist of web sites that can embed the iframe. Then check the 'referer' header against that list whenever the page inside the iframe is loaded.
Or if http headers prove to be unreliable try using javascript, via parent.document.location.href

How to embed/integrate WordPress blog into my own web site?

I have a WordPress blog account already (abc.wordpress.com). And I have my own web site: www.xyz.com
I would like to integrate my WordPress blog content into my own site. Hopefully something like blog.xyz.com or just replace the home page of xyz.com with abc.wordpress.com
I know that I can download WordPress' code from wordpress.org and run my own WordPress. And having my own MySQL database, but WordPress is always releasing new code. I don't have the time to keep updating the source on my end to match it.
I'm running my own site as a hobby, so I prefer to let WordPress.com to manage the content for me and continue reuse my own blog at abc.wordpress.com, but make the content show up in my own site: xyz.com
I hope I was clear when explaining this.
Anyone knows a way to do this?
Thanks.
If your main worry is about the updates, I would say don't be. A simple click of the 'Updates' button in the wordpress admin is all you need to do in order to apply the updates for wordpress. A notification will pop up alerting you of any updates.
And as Calle has already mentioned, you can retrieve your content via RSS, or you could just export your current content from Wordpress.com, import the content into your own site, and manage it there. Everything would be in one spot.
Good Luck.
I don't know how good you are with programming but there's a PHP library called Simple Pie which would help you retrieve your content via RSS (which Wordpress automatically generates for you). The adress is here: http://simplepie.org/
If you are not very good with programming, perhaps you can get someone to do it for you or find a script which is already written somewhere. I do think RSS is definitely the best way to go.
I also think you exaggerate the problems of hosting Wordpress yourself. It's not something that you have to keep updated with, and if you want to, all you have to do is log in from time to time, perhaps once a month (how often are you writing articles?), and click "update" and Wordpress will do everything for you. Both for your plugins and WP version.
For the ability to use your own domain (xyz.com) and have wordpress redirect users from abc.wordpress.com(your wordpress blog) to your domain requires a premium account.
If you have a premium account then you can just log in to wordpress.com, click 'upgrades' and select 'domains'. From there you will see the option "Map an Existing Domain" and you will want to enter your domain here. Now your wordpress.com blog is what will show when users enter your domain's url (xyz.com).
Alternatively, if you need a workaround with a free wordpress.com account then you want to just embed your blog and for that you will need to use an RSS feed. Note: this method will not maintain your wordpress styles it will merely transport the content. Also by default not all browsers support RSS feeds.
You can view your blog's current feed by adding 'feed' to the end of your wordpress.com url, i.e. abc.wordpress.com/feed. You can read more about feeds here (http://en.support.wordpress.com/feeds/). Now you are just left with the task of figuring out how to embed the feed into your page.
One final hail-mary you might attempt is just redirecting your domain to your blog. Reference on how to do this different ways here: (http://css-tricks.com/redirect-web-page/). Example, place this tag in the section of your domains pages:
<meta http-equiv="refresh" content="0; URL='http://google.com'" />
(this will redirect after 0 seconds to the specified url)