cómo agregar el complemento de wordpress de Yoast a laravel

cómo agregar el complemento de wordpress de Yoast a laravel

Desarrollo un sitio web con Laravel y ahora me gustaría agregar el complemento Yoast a su sección de bloggers para mejorar los blogs del sitio.
como puedo ver en Yoast github, hay una versión de javascript que se puede agregar a sitios personalizados .
la ayuda de uso no es muy útil, así que si alguien puede ayudarme.

 var SnippetPreview = require( "yoastseo" ).SnippetPreview;
var App = require( "yoastseo" ).App;

window.onload = function() {
var focusKeywordField = document.getElementById( "focusKeyword" );
var contentField = document.getElementById( "content" );

var snippetPreview = new SnippetPreview({
    targetElement: document.getElementById( "snippet" )
});

var app = new App({
    snippetPreview: snippetPreview,
    targets: {
        output: "output"
    },
    callbacks: {
        getData: function() {
            return {
                keyword: focusKeywordField.value,
                text: contentField.value
            };
        }
    }
});

app.refresh();

focusKeywordField.addEventListener( 'change', app.refresh.bind( app ) );
contentField.addEventListener( 'change', app.refresh.bind( app ) );
};
  

la ayuda de uso es con node.js, pero ¿cómo puedo agregarla al backend de php y al front-end de html + js?
gracias.

Mostrar la mejor respuesta

No puedo instalar yoast.js usando npm. Estoy usando este comando "npm install github.com/Yoast/YoastSEO.js#develop "

descárguelo de git repo.

Lo he descargado de git, ¿qué hago ahora? ¿puedes por favor guiarme?

Después de varios días de búsqueda, finalmente encuentre la respuesta. para convertir esta o cualquier tipo de biblioteca de nodejs a un navegador compatible con javascript, simplemente vaya a browserify . primero instálelo por

   npm install -g browserify
  

luego instale toda la biblioteca que necesita con

    npm install <module_name>
  

al final, genere un solo archivo js con

    browserify <main.js> -o  <destination.js>
  

ahora puede agregar un script a su html como

    <script src="destination.js"></script>
  

para la biblioteca YOAST hay un directorio browserify en el ejemplo. Utilizo browserify para el archivo index.js en el directorio raíz y agrego el archivo generado a este archivo html de ejemplo y todo funciona a la perfección.

Logré generar el nuevo archivo JS incluido desde browserify, pero no entiendo cómo hacer que funcione el archivo HTML de ejemplo. ¿Incluye el nuevo archivo .js además del otro archivo incluido en la página? Además, el otro archivo incluido es "example-browserified.js" que no existe en el directorio. ¿Debería cambiarse a "example.js" en su lugar?

solo necesita agregar un archivo js generado a HTML, eliminar otros archivos. la nota importante en HTML es el nombre y la identificación de los elementos, todo el trabajo se lleva a cabo en js, incluidos los eventos de cambio de entrada de texto.

Estoy paseando con Browserify. Hago esto: browserify index.js -o ~/code/yoast/public/seo.js Error: módulo no encontrado: "/home/eugene/code/yoast/node_modules/yoastseo/index.js" del archivo / home / eugene / code / yoast / node_modules / yoastseo / _fake.js Hay un problema de Github de hace 2 meses github.com/Yoast/YoastSEO. js / issues / 1174 que dice hacer yarn install . Intenté eso y no hizo ninguna diferencia.

Esta solución ya no funciona. ¿Hay alguien que haya implementado yoastseo en laravel o cualquier otro código personalizado recientemente?

La solución ahora está disponible en Laravel usando Vue js. Siga el github github.com/gokulmhegde/Laravel-YoastSeo . Esta es una evaluación para SEO y Análisis de contenido